aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/SearchForm
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-29 12:13:34 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-29 18:30:05 +0200
commit7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch)
treebfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/SearchForm
parent5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff)
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries so it is easier to start from scratch.
Diffstat (limited to 'src/components/SearchForm')
-rw-r--r--src/components/SearchForm/SearchForm.module.scss6
-rw-r--r--src/components/SearchForm/SearchForm.tsx70
2 files changed, 0 insertions, 76 deletions
diff --git a/src/components/SearchForm/SearchForm.module.scss b/src/components/SearchForm/SearchForm.module.scss
deleted file mode 100644
index 4debfbb..0000000
--- a/src/components/SearchForm/SearchForm.module.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.title {
- margin-bottom: var(--spacing-sm);
- color: var(--color-primary-dark);
- font-size: var(--font-size-lg);
- font-weight: 600;
-}
diff --git a/src/components/SearchForm/SearchForm.tsx b/src/components/SearchForm/SearchForm.tsx
deleted file mode 100644
index f4735af..0000000
--- a/src/components/SearchForm/SearchForm.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { ButtonSubmit } from '@components/Buttons';
-import { Field, Form } from '@components/FormElements';
-import { SearchIcon } from '@components/Icons';
-import { useRouter } from 'next/router';
-import { FormEvent, useEffect, useRef, useState } from 'react';
-import { useIntl } from 'react-intl';
-import styles from './SearchForm.module.scss';
-
-const SearchForm = ({ isOpened }: { isOpened: boolean }) => {
- const intl = useIntl();
- const [query, setQuery] = useState('');
- const inputRef = useRef<HTMLInputElement>(null);
- const router = useRouter();
-
- useEffect(() => {
- setTimeout(() => {
- if (isOpened && inputRef.current) {
- inputRef.current.focus();
- }
- }, 400);
- }, [isOpened]);
-
- const launchSearch = (e: FormEvent) => {
- e.preventDefault();
- router.push({ pathname: '/recherche', query: { s: query } });
- setQuery('');
- };
-
- return (
- <>
- <div className={styles.title}>
- {intl.formatMessage({
- defaultMessage: 'Search',
- description: 'SearchForm : form title',
- id: 'eFMu2E',
- })}
- </div>
- <Form submitHandler={launchSearch} kind="search" id="search">
- <label htmlFor="search-query" className="screen-reader-text">
- {intl.formatMessage({
- defaultMessage: 'Keywords:',
- description: 'SearchForm: search field label',
- id: 'YvMPuD',
- })}
- </label>
- <Field
- ref={inputRef}
- id="search-query"
- name="search-query"
- kind="search"
- value={query}
- setValue={setQuery}
- required={true}
- />
- <ButtonSubmit modifier="search">
- <SearchIcon />
- <span className="screen-reader-text">
- {intl.formatMessage({
- defaultMessage: 'Search',
- description: 'SearchForm: search button text',
- id: 'AnaPbu',
- })}
- </span>
- </ButtonSubmit>
- </Form>
- </>
- );
-};
-
-export default SearchForm;