From 5d3e8a4d0c2ce2ad8f22df857ab3ce54fcfc38ac Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 3 Nov 2023 12:22:47 +0100
Subject: refactor(components): replace Toolbar with Navbar component

* remove SearchModal and SettingsModal components
* add a generic NavbarItem component (instead of the previous toolbar
items to avoid unreadable styles...)
* move FlippingLabel component logic into NavbarItem since it is only
used here
---
 src/components/organisms/toolbar/search.tsx | 77 -----------------------------
 1 file changed, 77 deletions(-)
 delete mode 100644 src/components/organisms/toolbar/search.tsx

(limited to 'src/components/organisms/toolbar/search.tsx')

diff --git a/src/components/organisms/toolbar/search.tsx b/src/components/organisms/toolbar/search.tsx
deleted file mode 100644
index 4429770..0000000
--- a/src/components/organisms/toolbar/search.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { forwardRef, type ForwardRefRenderFunction } from 'react';
-import { useIntl } from 'react-intl';
-import { useAutofocus } from '../../../utils/hooks';
-import { BooleanField, type BooleanFieldProps, Icon } from '../../atoms';
-import { SearchModal, type SearchModalProps } from '../modals';
-import searchStyles from './search.module.scss';
-import sharedStyles from './toolbar-items.module.scss';
-
-export type SearchProps = {
-  /**
-   * Set additional classnames to the modal wrapper.
-   */
-  className?: SearchModalProps['className'];
-  /**
-   * The button state.
-   */
-  isActive: BooleanFieldProps['isChecked'];
-  /**
-   * A callback function to execute search.
-   */
-  searchPage: SearchModalProps['searchPage'];
-  /**
-   * A callback function to handle button state.
-   */
-  setIsActive: BooleanFieldProps['onChange'];
-};
-
-const SearchWithRef: ForwardRefRenderFunction<HTMLDivElement, SearchProps> = (
-  { className = '', isActive = false, searchPage, setIsActive },
-  ref
-) => {
-  const intl = useIntl();
-  const label = isActive
-    ? intl.formatMessage({
-        defaultMessage: 'Close search',
-        id: 'LDDUNO',
-        description: 'Search: Close label',
-      })
-    : intl.formatMessage({
-        defaultMessage: 'Open search',
-        id: 'Xj+WXB',
-        description: 'Search: Open label',
-      });
-
-  const searchInputRef = useAutofocus<HTMLInputElement>({
-    condition: () => isActive,
-    delay: 360,
-  });
-
-  return (
-    <div className={`${sharedStyles.item} ${searchStyles.item}`} ref={ref}>
-      <BooleanField
-        className={`${sharedStyles.checkbox} ${searchStyles.checkbox}`}
-        id="search-button"
-        isChecked={isActive}
-        name="search-button"
-        onChange={setIsActive}
-        type="checkbox"
-        value="open"
-      />
-      <FlippingLabel
-        className={sharedStyles.label}
-        htmlFor="search-button"
-        icon={<Icon aria-hidden={true} shape="magnifying-glass" size="lg" />}
-        isActive={isActive}
-        label={label}
-      />
-      <SearchModal
-        className={`${sharedStyles.modal} ${searchStyles.modal} ${className}`}
-        ref={searchInputRef}
-        searchPage={searchPage}
-      />
-    </div>
-  );
-};
-
-export const Search = forwardRef(SearchWithRef);
-- 
cgit v1.2.3

