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; | 
