diff --git a/packages/storybook/stories/tooltip.stories.tsx b/packages/storybook/stories/tooltip.stories.tsx index 141e15c66a..2d5ab962d8 100644 --- a/packages/storybook/stories/tooltip.stories.tsx +++ b/packages/storybook/stories/tooltip.stories.tsx @@ -6,10 +6,9 @@ import { DropdownList, Tooltip, TooltipPlacement, - TextInput, } from '@equisoft/design-elements-react'; import { StoryFn as Story } from '@storybook/react'; -import { useState, useCallback } from 'react'; +import { useState } from 'react'; import styled from 'styled-components'; import { DesktopDecorator } from './utils/device-context-decorator'; import { rawCodeParameters } from './utils/parameters'; @@ -133,9 +132,8 @@ export const WithDropdownNavigation: Story = () => { WithDropdownNavigation.decorators = [RouterDecorator]; -const CodeContainer = styled.div<{ justifyContent?: string }>` +const CodeContainer = styled.div` display: flex; - justify-content: ${({ justifyContent }) => (justifyContent || 'flex-start')}; `; export const WithConfirmation: Story = () => { const code = 'JBSW Y3DP EHPK 3PXP'; @@ -163,50 +161,3 @@ export const WithConfirmation: Story = () => { ); }; - -export const WithDynamicText: Story = () => { - const [label, setLabel] = useState('Hide password'); - const [iconName, setIconName] = useState<'eye' | 'eyeOff'>('eye'); - const [inputType, setInputType] = useState('password'); - const [password, setPassword] = useState('somePassword'); - const handleOnClick = useCallback(() => { - if (label === 'Hide password') { - setLabel('Show password in plain text'); - setIconName('eyeOff'); - setInputType('password'); - } else { - setLabel('Hide password'); - setIconName('eye'); - setInputType('text'); - } - }, [label, setLabel]); - const handleOnPasswordChange = useCallback((newPassword) => { - setPassword(newPassword); - }, [setPassword]); - - return ( - - - - - - - - - ); -};