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; | 
