From a6ff5eee45215effb3344cb5d631a27a7c0369aa Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 22 Sep 2023 19:34:01 +0200
Subject: refactor(components): rewrite form components

---
 src/components/organisms/forms/search-form.tsx | 72 --------------------------
 1 file changed, 72 deletions(-)
 delete mode 100644 src/components/organisms/forms/search-form.tsx

(limited to 'src/components/organisms/forms/search-form.tsx')

diff --git a/src/components/organisms/forms/search-form.tsx b/src/components/organisms/forms/search-form.tsx
deleted file mode 100644
index f80d295..0000000
--- a/src/components/organisms/forms/search-form.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useRouter } from 'next/router';
-import { forwardRef, ForwardRefRenderFunction, useId, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { Button, Form, MagnifyingGlass } from '../../atoms';
-import { LabelledField, type LabelledFieldProps } from '../../molecules';
-import styles from './search-form.module.scss';
-
-export type SearchFormProps = Pick<LabelledFieldProps, 'hideLabel'> & {
-  /**
-   * The search page url.
-   */
-  searchPage: string;
-};
-
-const SearchFormWithRef: ForwardRefRenderFunction<
-  HTMLInputElement,
-  SearchFormProps
-> = ({ hideLabel, searchPage }, ref) => {
-  const intl = useIntl();
-  const fieldLabel = intl.formatMessage({
-    defaultMessage: 'Search for:',
-    description: 'SearchForm: field accessible label',
-    id: 'X8oujO',
-  });
-  const buttonLabel = intl.formatMessage({
-    defaultMessage: 'Search',
-    description: 'SearchForm: button accessible name',
-    id: 'WMqQrv',
-  });
-
-  const router = useRouter();
-  const [value, setValue] = useState<string>('');
-
-  const submitHandler = () => {
-    router.push({ pathname: searchPage, query: { s: value } });
-    setValue('');
-  };
-
-  const id = useId();
-
-  return (
-    <Form className={styles.wrapper} grouped={false} onSubmit={submitHandler}>
-      <LabelledField
-        className={styles.field}
-        hideLabel={hideLabel}
-        id={`search-form-${id}`}
-        label={fieldLabel}
-        name="search-form"
-        ref={ref}
-        setValue={setValue}
-        type="search"
-        value={value}
-      />
-      <Button
-        aria-label={buttonLabel}
-        className={styles.btn}
-        kind="neutral"
-        shape="initial"
-        type="submit"
-      >
-        <MagnifyingGlass className={styles.btn__icon} />
-      </Button>
-    </Form>
-  );
-};
-
-/**
- * SearchForm component
- *
- * Render a search form.
- */
-export const SearchForm = forwardRef(SearchFormWithRef);
-- 
cgit v1.2.3

