diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-29 12:13:34 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-29 18:30:05 +0200 |
| commit | 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch) | |
| tree | bfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/ProjectsList | |
| parent | 5324664e87bedfaa01ba62c0c847ef5b861e69b3 (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.scss | 25 | ||||
| -rw-r--r-- | src/components/ProjectsList/ProjectsList.tsx | 21 |
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; |
