diff --git a/frontend/app/components/list-comments/list-comments.css b/frontend/app/components/list-comments/list-comments.module.css similarity index 77% rename from frontend/app/components/list-comments/list-comments.css rename to frontend/app/components/list-comments/list-comments.module.css index ce27387e..f5122fac 100644 --- a/frontend/app/components/list-comments/list-comments.css +++ b/frontend/app/components/list-comments/list-comments.module.css @@ -1,3 +1,3 @@ -.list-comments { +.root { font-family: 'PT Sans', Helvetica, Arial, sans-serif; } diff --git a/frontend/app/components/list-comments/list-comments.tsx b/frontend/app/components/list-comments/list-comments.tsx index 2c101c9d..c40de0fc 100644 --- a/frontend/app/components/list-comments/list-comments.tsx +++ b/frontend/app/components/list-comments/list-comments.tsx @@ -2,9 +2,10 @@ import { h, FunctionComponent } from 'preact'; import { useIntl } from 'react-intl'; import type { Comment as CommentType } from 'common/types'; -import { NODE_ID } from 'common/constants'; import Comment from 'components/comment'; +import styles from './list-comments.module.css'; + export type ListCommentsProps = { comments: CommentType[]; }; @@ -13,24 +14,22 @@ const ListComments: FunctionComponent = ({ comments = [] }) = const intl = useIntl(); return ( -
-
- {comments.map(comment => ( - - ))} -
+
+ {comments.map(comment => ( + + ))}
); };