refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

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;