From 36890cfafeba6e30782df1260d7f9e678c7da4bf Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 2 Oct 2023 17:01:57 +0200 Subject: refactor(components): rewrite DescriptionList component * add a `spacing` prop * replace `layout` prop with `isInline` prop * remove `items` prop (and classNames props) in favor of new components: Description, Group, Term * remove `withSeparator` prop (CSS content is announced by screen readers and Firefox/Safari have no support for alternative text so the consumer should add itself an element with `aria-hidden` if it need a separator) Be aware, Meta component and its consumers can be visually broken, they should be refactored before using them in production. --- .../organisms/layout/comment.fixture.tsx | 41 ---------------------- 1 file changed, 41 deletions(-) delete mode 100644 src/components/organisms/layout/comment.fixture.tsx (limited to 'src/components/organisms/layout/comment.fixture.tsx') diff --git a/src/components/organisms/layout/comment.fixture.tsx b/src/components/organisms/layout/comment.fixture.tsx deleted file mode 100644 index eee7981..0000000 --- a/src/components/organisms/layout/comment.fixture.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import { getFormattedDate, getFormattedTime } from '../../../utils/helpers'; -import { CommentProps } from './comment'; - -export const author = { - avatar: { - alt: 'Author avatar', - height: 480, - src: 'http://placeimg.com/640/480', - width: 640, - }, - name: 'Armand', - website: 'https://www.armandphilippot.com/', -}; - -export const content = - 'Harum aut cumque iure fugit neque sequi cupiditate repudiandae laudantium. Ratione aut assumenda qui illum voluptas accusamus quis officiis exercitationem. Consectetur est harum eius perspiciatis officiis nihil. Aut corporis minima debitis adipisci possimus debitis et.'; - -export const date = '2021-04-03 23:04:24'; - -export const meta = { - author, - date, -}; - -export const id = 5; - -export const saveComment = async () => { - /** Do nothing. */ -}; - -export const data: CommentProps = { - approved: true, - content, - id, - meta, - parentId: 0, - saveComment, -}; - -export const formattedDate = getFormattedDate(date); -export const formattedTime = getFormattedTime(date); -- cgit v1.2.3