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/PostHeader | |
| 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/PostHeader')
| -rw-r--r-- | src/components/PostHeader/PostHeader.module.scss | 83 | ||||
| -rw-r--r-- | src/components/PostHeader/PostHeader.tsx | 57 | 
2 files changed, 0 insertions, 140 deletions
| diff --git a/src/components/PostHeader/PostHeader.module.scss b/src/components/PostHeader/PostHeader.module.scss deleted file mode 100644 index f813060..0000000 --- a/src/components/PostHeader/PostHeader.module.scss +++ /dev/null @@ -1,83 +0,0 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; - -.wrapper { -  composes: grid from "@styles/layout/_grid.scss"; -  max-width: 100%; -  position: relative; - -  @include mix.media("screen") { -    @include mix.dimensions("md") { -      margin-bottom: var(--spacing-md); -    } - -    @include mix.dimensions("lg") { -      --grid-gap: var(--spacing-lg); -    } -  } - -  &::before, -  &::after { -    content: ""; -    width: 100%; -    height: 100%; -    background: var(--color-bg-secondary); -    border-top: fun.convert-px(3) solid var(--color-border-light); -    border-bottom: fun.convert-px(3) solid var(--color-border-light); -  } - -  &::before { -    grid-column: 1; -    justify-self: start; -    border-right: fun.convert-px(3) solid var(--color-border-light); -  } - -  &::after { -    grid-column: 3; -    justify-self: end; -    border-left: fun.convert-px(3) solid var(--color-border-light); -  } -} - -.body { -  grid-column: 2; -  background: var(--color-bg); -} - -.title { -  flex: 0 0 100%; -  display: flex; -  flex-flow: row wrap; -  align-items: center; -  margin: 0; -  position: relative; -  text-shadow: fun.convert-px(1) fun.convert-px(1) 0 var(--color-shadow-light); - -  &::before, -  &::after { -    content: ""; -    width: 100%; -    height: fun.convert-px(4); -    background: radial-gradient( -      ellipse at center, -      var(--color-primary-light), -      var(--color-primary-dark) -    ); -  } -} - -.cover { -  display: block; -  width: fun.convert-px(50); -  height: fun.convert-px(50); -  position: relative; -  margin-right: var(--spacing-sm); -} - -.intro { -  margin: var(--spacing-sm) 0 0; - -  > *:last-child { -    margin-bottom: 0; -  } -} diff --git a/src/components/PostHeader/PostHeader.tsx b/src/components/PostHeader/PostHeader.tsx deleted file mode 100644 index c0a6b68..0000000 --- a/src/components/PostHeader/PostHeader.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import PostMeta from '@components/PostMeta/PostMeta'; -import { ArticleMeta } from '@ts/types/articles'; -import { Cover } from '@ts/types/cover'; -import Image from 'next/image'; -import React, { ReactElement } from 'react'; -import styles from './PostHeader.module.scss'; - -const PostHeader = ({ -  cover, -  intro, -  title, -  meta, -}: { -  cover?: Cover; -  intro?: string | ReactElement; -  meta?: ArticleMeta; -  title: string; -}) => { -  const getIntro = () => { -    if (React.isValidElement(intro)) { -      const Intro = () => intro; -      return ( -        <div className={styles.intro}> -          <Intro /> -        </div> -      ); -    } - -    return ( -      intro && ( -        <div -          className={styles.intro} -          dangerouslySetInnerHTML={{ __html: intro }} -        ></div> -      ) -    ); -  }; - -  return ( -    <header className={styles.wrapper}> -      <div className={styles.body}> -        <h1 className={styles.title}> -          {cover && ( -            <span className={styles.cover}> -              <Image src={cover.sourceUrl} alt={cover.altText} layout="fill" /> -            </span> -          )} -          {title} -        </h1> -        {meta && <PostMeta kind="article" meta={meta} />} -        {getIntro()} -      </div> -    </header> -  ); -}; - -export default PostHeader; | 
