From 5d3e8a4d0c2ce2ad8f22df857ab3ce54fcfc38ac Mon Sep 17 00:00:00 2001 From: Armand Philippot 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 --- .../organisms/toolbar/search.stories.tsx | 88 ---------------------- 1 file changed, 88 deletions(-) delete mode 100644 src/components/organisms/toolbar/search.stories.tsx (limited to 'src/components/organisms/toolbar/search.stories.tsx') diff --git a/src/components/organisms/toolbar/search.stories.tsx b/src/components/organisms/toolbar/search.stories.tsx deleted file mode 100644 index 0f211bd..0000000 --- a/src/components/organisms/toolbar/search.stories.tsx +++ /dev/null @@ -1,88 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { useToggle } from '../../../utils/hooks'; -import { Search } from './search'; - -/** - * Search - Storybook Meta - */ -export default { - title: 'Organisms/Toolbar/Search', - component: Search, - args: { - searchPage: '#', - }, - argTypes: { - className: { - control: { - type: 'text', - }, - description: 'Set additional classnames to the modal wrapper.', - table: { - category: 'Styles', - }, - type: { - name: 'string', - required: false, - }, - }, - isActive: { - control: { - type: null, - }, - description: 'Define the modal state: either opened or closed.', - type: { - name: 'boolean', - required: true, - }, - }, - searchPage: { - control: { - type: 'text', - }, - description: 'The search results page url.', - type: { - name: 'string', - required: true, - }, - }, - setIsActive: { - control: { - type: null, - }, - description: 'A callback function to update modal state.', - table: { - category: 'Events', - }, - type: { - name: 'function', - required: true, - }, - }, - }, -} as ComponentMeta; - -const Template: ComponentStory = ({ - isActive = false, - setIsActive: _setIsActive, - ...args -}) => { - const [isOpen, toggle] = useToggle(isActive); - - return ; -}; - -/** - * Search Stories - Inactive - */ -export const Inactive = Template.bind({}); -Inactive.args = { - isActive: false, -}; - -/** - * Search Stories - Active - */ -export const Active = Template.bind({}); -Active.args = { - isActive: true, -}; -- cgit v1.2.3