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/Icons/Arrow | |
| 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/Icons/Arrow')
| -rw-r--r-- | src/components/Icons/Arrow/Arrow.module.scss | 7 | ||||
| -rw-r--r-- | src/components/Icons/Arrow/Arrow.tsx | 81 |
2 files changed, 0 insertions, 88 deletions
diff --git a/src/components/Icons/Arrow/Arrow.module.scss b/src/components/Icons/Arrow/Arrow.module.scss deleted file mode 100644 index 49e9b02..0000000 --- a/src/components/Icons/Arrow/Arrow.module.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - fill: var(--color-primary); - width: var(--icon-size, #{fun.convert-px(30)}); - transition: all 0.25s ease-in-out 0s; -} diff --git a/src/components/Icons/Arrow/Arrow.tsx b/src/components/Icons/Arrow/Arrow.tsx deleted file mode 100644 index e9131d1..0000000 --- a/src/components/Icons/Arrow/Arrow.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import styles from './Arrow.module.scss'; - -type ArrowDirection = 'top' | 'right' | 'bottom' | 'left'; - -const ArrowIcon = ({ direction = 'right' }: { direction?: ArrowDirection }) => { - if (direction === 'top') { - return ( - <svg - className={styles.icon} - viewBox="0 0 23.476 64.644995" - xmlns="http://www.w3.org/2000/svg" - > - <path - className="arrow-head" - d="M 23.476001,24.637 11.715001,0 0,24.800001 Z" - /> - <path - className="arrow-bar" - d="m 15.441001,64.644997 -0.018,-40.007999 H 8.035 l 0.142,40.007999 z" - /> - </svg> - ); - } - - if (direction === 'bottom') { - return ( - <svg - className={styles.icon} - viewBox="0 0 23.476 64.644995" - xmlns="http://www.w3.org/2000/svg" - > - <path - className="arrow-head" - d="m 23.476001,40.007997 -11.761,24.637 L 0,39.844996 Z" - /> - <path - className="arrow-bar" - d="m 15.441001,0 -0.018,40.007999 H 8.035 L 8.177,0 Z" - /> - </svg> - ); - } - - if (direction === 'left') { - return ( - <svg - className={styles.icon} - viewBox="0 0 64.644997 23.476001" - xmlns="http://www.w3.org/2000/svg" - > - <path - className="arrow-head" - d="M 24.637,23.476 0,11.715 24.8,-8.3923343e-8 Z" - /> - <path - className="arrow-bar" - d="m 64.644997,15.441 -40.008,-0.018 V 8.0349999 l 40.008,0.142 z" - /> - </svg> - ); - } - - return ( - <svg - className={styles.icon} - viewBox="0 0 64.644997 23.476001" - xmlns="http://www.w3.org/2000/svg" - > - <path - className="arrow-head" - d="M 40.007997,23.476 64.644997,11.715 39.844997,-8.3923343e-8 Z" - /> - <path - className="arrow-bar" - d="M 0,15.441 40.008,15.423 V 8.0349999 L 0,8.1769999 Z" - /> - </svg> - ); -}; - -export default ArrowIcon; |
