diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-29 12:13:34 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-29 18:30:05 +0200 |
| commit | 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch) | |
| tree | bfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/SearchForm/SearchForm.tsx | |
| parent | 5324664e87bedfaa01ba62c0c847ef5b861e69b3 (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/SearchForm.tsx')
| -rw-r--r-- | src/components/SearchForm/SearchForm.tsx | 70 |
1 files changed, 0 insertions, 70 deletions
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; |
