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/modals/settings-modal.tsx | 45 ----------------------
 1 file changed, 45 deletions(-)
 delete mode 100644 src/components/organisms/modals/settings-modal.tsx

(limited to 'src/components/organisms/modals/settings-modal.tsx')

diff --git a/src/components/organisms/modals/settings-modal.tsx b/src/components/organisms/modals/settings-modal.tsx
deleted file mode 100644
index 36c5977..0000000
--- a/src/components/organisms/modals/settings-modal.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { useCallback, type FC, type FormEvent } from 'react';
-import { useIntl } from 'react-intl';
-import { Heading, Icon } from '../../atoms';
-import { Modal, type ModalProps } from '../../molecules';
-import { SettingsForm } from '../forms';
-import styles from './settings-modal.module.scss';
-
-export type SettingsModalProps = Pick<ModalProps, 'className'>;
-
-/**
- * SettingsModal component
- *
- * Render a modal with settings options.
- */
-export const SettingsModal: FC<SettingsModalProps> = ({ className = '' }) => {
-  const intl = useIntl();
-  const title = intl.formatMessage({
-    defaultMessage: 'Settings',
-    description: 'SettingsModal: title',
-    id: 'gPfT/K',
-  });
-  const ariaLabel = intl.formatMessage({
-    defaultMessage: 'Settings form',
-    id: 'xYNeKX',
-    description: 'SettingsModal: an accessible form name',
-  });
-
-  const submitHandler = useCallback((e: FormEvent) => {
-    e.preventDefault();
-  }, []);
-
-  return (
-    <Modal
-      className={`${styles.wrapper} ${className}`}
-      icon={<Icon className={styles.icon} shape="cog" />}
-      heading={
-        <Heading isFake level={3}>
-          {title}
-        </Heading>
-      }
-    >
-      <SettingsForm aria-label={ariaLabel} onSubmit={submitHandler} />
-    </Modal>
-  );
-};
-- 
cgit v1.2.3

