From 0e52a59917406ad03c174e030c6c1c92ab23449d Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 30 Oct 2023 12:44:11 +0100
Subject: refactor(components): extract SettingsForm component form
 SettingsModal

We could use an array of items and map over it instead of repeating the
Switch component for each settings but with translations, it becomes
quickly unreadable. So I prefer to keep separate components.
---
 .../organisms/forms/theme-toggle/theme-toggle.tsx  | 76 ----------------------
 1 file changed, 76 deletions(-)
 delete mode 100644 src/components/organisms/forms/theme-toggle/theme-toggle.tsx

(limited to 'src/components/organisms/forms/theme-toggle/theme-toggle.tsx')

diff --git a/src/components/organisms/forms/theme-toggle/theme-toggle.tsx b/src/components/organisms/forms/theme-toggle/theme-toggle.tsx
deleted file mode 100644
index 88f3c75..0000000
--- a/src/components/organisms/forms/theme-toggle/theme-toggle.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import type { FC } from 'react';
-import { useIntl } from 'react-intl';
-import { Icon, Legend } from '../../../atoms';
-import {
-  Switch,
-  type SwitchOption,
-  type SwitchProps,
-} from '../../../molecules';
-import { useTheme } from 'src/utils/hooks';
-
-export type ThemeToggleProps = Omit<
-  SwitchProps,
-  'isInline' | 'items' | 'name' | 'onSwitch' | 'value'
->;
-
-/**
- * ThemeToggle component
- *
- * Render a Toggle component to set theme.
- */
-export const ThemeToggle: FC<ThemeToggleProps> = (props) => {
-  const intl = useIntl();
-  const { resolvedTheme, toggleTheme } = useTheme();
-  const isDarkTheme = resolvedTheme === 'dark';
-
-  const themeLabel = intl.formatMessage({
-    defaultMessage: 'Theme:',
-    description: 'ThemeToggle: theme label',
-    id: 'suXOBu',
-  });
-  const lightThemeLabel = intl.formatMessage({
-    defaultMessage: 'Light theme',
-    description: 'ThemeToggle: light theme label',
-    id: 'Ygea7s',
-  });
-  const darkThemeLabel = intl.formatMessage({
-    defaultMessage: 'Dark theme',
-    description: 'ThemeToggle: dark theme label',
-    id: '2QwvtS',
-  });
-
-  const options: [SwitchOption, SwitchOption] = [
-    {
-      id: 'theme-light',
-      label: (
-        <>
-          <span className="screen-reader-text">{lightThemeLabel}</span>
-          <Icon shape="sun" />
-        </>
-      ),
-      value: 'light',
-    },
-    {
-      id: 'theme-dark',
-      label: (
-        <>
-          <span className="screen-reader-text">{darkThemeLabel}</span>
-          <Icon shape="moon" />
-        </>
-      ),
-      value: 'dark',
-    },
-  ];
-
-  return (
-    <Switch
-      {...props}
-      isInline
-      items={options}
-      legend={<Legend>{themeLabel}</Legend>}
-      name="theme"
-      onSwitch={toggleTheme}
-      value={isDarkTheme ? 'dark' : 'light'}
-    />
-  );
-};
-- 
cgit v1.2.3

