aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/ProjectsList
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-29 12:13:34 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-29 18:30:05 +0200
commit7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch)
treebfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/ProjectsList
parent5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff)
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries so it is easier to start from scratch.
Diffstat (limited to 'src/components/ProjectsList')
-rw-r--r--src/components/ProjectsList/ProjectsList.module.scss25
-rw-r--r--src/components/ProjectsList/ProjectsList.tsx21
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;