aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/forms/motion-toggle
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/forms/motion-toggle')
-rw-r--r--src/components/organisms/forms/motion-toggle/index.ts1
-rw-r--r--src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx21
-rw-r--r--src/components/organisms/forms/motion-toggle/motion-toggle.test.tsx15
-rw-r--r--src/components/organisms/forms/motion-toggle/motion-toggle.tsx65
4 files changed, 0 insertions, 102 deletions
diff --git a/src/components/organisms/forms/motion-toggle/index.ts b/src/components/organisms/forms/motion-toggle/index.ts
deleted file mode 100644
index 0e35578..0000000
--- a/src/components/organisms/forms/motion-toggle/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './motion-toggle';
diff --git a/src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx b/src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx
deleted file mode 100644
index 7adef1b..0000000
--- a/src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { MotionToggle } from './motion-toggle';
-
-/**
- * MotionToggle - Storybook Meta
- */
-export default {
- title: 'Organisms/Forms/Toggle',
- component: MotionToggle,
- argTypes: {},
-} as ComponentMeta<typeof MotionToggle>;
-
-const Template: ComponentStory<typeof MotionToggle> = (args) => (
- <MotionToggle {...args} />
-);
-
-/**
- * Toggle Stories - Motion
- */
-export const Motion = Template.bind({});
-Motion.args = {};
diff --git a/src/components/organisms/forms/motion-toggle/motion-toggle.test.tsx b/src/components/organisms/forms/motion-toggle/motion-toggle.test.tsx
deleted file mode 100644
index d20057e..0000000
--- a/src/components/organisms/forms/motion-toggle/motion-toggle.test.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { describe, expect, it } from '@jest/globals';
-import { render, screen as rtlScreen } from '../../../../../tests/utils';
-import { MotionToggle } from './motion-toggle';
-
-describe('MotionToggle', () => {
- // toHaveValue received undefined. Maybe because of localStorage hook...
- it('renders a toggle component', () => {
- render(<MotionToggle />);
- expect(
- rtlScreen.getByRole('radiogroup', {
- name: /Animations:/i,
- })
- ).toBeInTheDocument();
- });
-});
diff --git a/src/components/organisms/forms/motion-toggle/motion-toggle.tsx b/src/components/organisms/forms/motion-toggle/motion-toggle.tsx
deleted file mode 100644
index 33527c3..0000000
--- a/src/components/organisms/forms/motion-toggle/motion-toggle.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import type { FC } from 'react';
-import { useIntl } from 'react-intl';
-import { useReducedMotion } from '../../../../utils/hooks';
-import { Legend } from '../../../atoms';
-import {
- Switch,
- type SwitchOption,
- type SwitchProps,
-} from '../../../molecules';
-
-export type MotionToggleProps = Omit<
- SwitchProps,
- 'isInline' | 'items' | 'name' | 'onSwitch' | 'value'
->;
-
-/**
- * MotionToggle component
- *
- * Render a Toggle component to set reduce motion.
- */
-export const MotionToggle: FC<MotionToggleProps> = ({ ...props }) => {
- const intl = useIntl();
- const { isReduced, toggleReducedMotion } = useReducedMotion();
-
- const reduceMotionLabel = intl.formatMessage({
- defaultMessage: 'Animations:',
- description: 'MotionToggle: reduce motion label',
- id: '/q5csZ',
- });
- const onLabel = intl.formatMessage({
- defaultMessage: 'On',
- description: 'MotionToggle: activate reduce motion label',
- id: 'va65iw',
- });
- const offLabel = intl.formatMessage({
- defaultMessage: 'Off',
- description: 'MotionToggle: deactivate reduce motion label',
- id: 'pWKyyR',
- });
-
- const options: [SwitchOption, SwitchOption] = [
- {
- id: 'reduced-motion-on',
- label: onLabel,
- value: 'on',
- },
- {
- id: 'reduced-motion-off',
- label: offLabel,
- value: 'off',
- },
- ];
-
- return (
- <Switch
- {...props}
- isInline
- items={options}
- legend={<Legend>{reduceMotionLabel}</Legend>}
- name="reduced-motion"
- onSwitch={toggleReducedMotion}
- value={isReduced ? 'off' : 'on'}
- />
- );
-};