refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 0 insertions, 43 deletions

diff --git a/src/components/MetaItems/CommentsCount/CommentsCount.tsx b/src/components/MetaItems/CommentsCount/CommentsCount.tsx
deleted file mode 100644
index 04cffa6..0000000
--- a/src/components/MetaItems/CommentsCount/CommentsCount.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { useRouter } from 'next/router';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const CommentsCount = ({ total, kind }: { total: number; kind: MetaKind }) => {
-  const intl = useIntl();
-  const { asPath } = useRouter();
-
-  const isArticle = () => asPath.includes('/article/');
-
-  const getCommentsCount = () => {
-    return intl.formatMessage(
-      {
-        defaultMessage:
-          '{total, plural, =0 {No comments} one {# comment} other {# comments}}',
-        description: 'CommentsCount: comment count value',
-        id: 'lKGNKx',
-      },
-      { total }
-    );
-  };
-
-  return (
-    <MetaItem
-      title={intl.formatMessage({
-        defaultMessage: 'Comments:',
-        description: 'CommentsCount: comment count meta label',
-        id: '6BRtAu',
-      })}
-      value={
-        isArticle() ? (
-          <a href="#comments">{getCommentsCount()}</a>
-        ) : (
-          getCommentsCount()
-        )
-      }
-      kind={kind}
-    />
-  );
-};
-
-export default CommentsCount;