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.

2 files changed, 0 insertions, 46 deletions

diff --git a/src/components/ProjectsList/ProjectsList.module.scss b/src/components/ProjectsList/ProjectsList.module.scss
deleted file mode 100644
index fbed08d..0000000
--- a/src/components/ProjectsList/ProjectsList.module.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@use "@styles/abstracts/functions" as fun;
-@use "@styles/abstracts/placeholders";
-
-.list {
-  --items: 4;
-  --items-size: 31ch;
-
-  @extend %reset-list;
-
-  display: grid;
-  grid-template-columns: repeat(
-    auto-fit,
-    min(calc(100vw - (var(--spacing-md) * 2)), var(--items-size))
-  );
-  gap: var(--spacing-sm);
-  place-content: center;
-  width: min(
-    calc(100vw - (var(--spacing-md) * 2)),
-    calc(
-      (var(--items-size) * var(--items)) +
-        (var(--spacing-sm) * (var(--items) - 1))
-    )
-  );
-  margin: var(--spacing-sm) auto 0;
-}
diff --git a/src/components/ProjectsList/ProjectsList.tsx b/src/components/ProjectsList/ProjectsList.tsx
deleted file mode 100644
index 07e6a71..0000000
--- a/src/components/ProjectsList/ProjectsList.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import ProjectPreview from '@components/ProjectPreview/ProjectPreview';
-import { Project } from '@ts/types/app';
-import styles from './ProjectsList.module.scss';
-
-const ProjectsList = ({ projects }: { projects: Project[] }) => {
-  const getProjectItems = () => {
-    return projects.map((project) => {
-      return project.title ? (
-        <li className={styles.item} key={project.id}>
-          <ProjectPreview project={project} />
-        </li>
-      ) : (
-        ''
-      );
-    });
-  };
-
-  return <ul className={styles.list}>{getProjectItems()}</ul>;
-};
-
-export default ProjectsList;