Rework tel input (#1316)

* Rework tel input

* Fix lint
This commit is contained in:
Charles Bochet
2023-08-25 20:54:00 +02:00
committed by GitHub
parent 4f7e1fb60e
commit 67cf6cd7e2
10 changed files with 127 additions and 226 deletions

View File

@ -1,44 +1,18 @@
import { BrowserRouter } from 'react-router-dom';
import styled from '@emotion/styled';
import type { Meta, StoryObj } from '@storybook/react';
import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
import { CompanyChip } from '../components/CompanyChip';
const meta: Meta<typeof CompanyChip> = {
title: 'Modules/Companies/CompanyChip',
component: CompanyChip,
decorators: [
(Story) => (
<StyledTestCellContainer>
<BrowserRouter>
<Story />
</BrowserRouter>
</StyledTestCellContainer>
),
ComponentDecorator,
],
decorators: [ComponentWithRouterDecorator],
};
export default meta;
type Story = StoryObj<typeof CompanyChip>;
const StyledTestCellContainer = styled.div`
align-items: center;
background: ${({ theme }) => theme.background.primary};
display: flex;
height: fit-content;
justify-content: space-between;
max-width: 250px;
min-width: 250px;
overflow: hidden;
`;
export const SmallName: Story = {
args: {
id: 'airbnb',