summaryrefslogtreecommitdiffstats
path: root/src/components/Spinner
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/Spinner
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/Spinner')
-rw-r--r--src/components/Spinner/Spinner.module.scss48
-rw-r--r--src/components/Spinner/Spinner.tsx24
2 files changed, 0 insertions, 72 deletions
diff --git a/src/components/Spinner/Spinner.module.scss b/src/components/Spinner/Spinner.module.scss
deleted file mode 100644
index 8d818a2..0000000
--- a/src/components/Spinner/Spinner.module.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@use "@styles/abstracts/functions" as fun;
-
-.wrapper {
- display: flex;
- flex-flow: row wrap;
- align-items: center;
- justify-content: center;
- gap: var(--spacing-2xs);
- margin: var(--spacing-md) 0;
-}
-
-.ball {
- width: fun.convert-px(8);
- height: fun.convert-px(8);
- background: linear-gradient(
- to right,
- var(--color-primary-light) 0%,
- var(--color-primary-lighter) 100%
- );
- border-radius: 50%;
- animation: spinner 1.4s infinite ease-in-out both;
-
- &:first-child {
- animation-delay: -0.32s;
- }
-
- &:nth-child(2) {
- animation-delay: -0.16s;
- }
-}
-
-.text {
- margin-left: var(--spacing-xs);
- color: var(--color-primary-darker);
- text-align: center;
-}
-
-@keyframes spinner {
- 0%,
- 80%,
- 100% {
- transform: scale(0);
- }
-
- 40% {
- transform: scale(1);
- }
-}
diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx
deleted file mode 100644
index 9117d90..0000000
--- a/src/components/Spinner/Spinner.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useIntl } from 'react-intl';
-import styles from './Spinner.module.scss';
-
-const Spinner = ({ message }: { message?: string }) => {
- const intl = useIntl();
-
- return (
- <div className={styles.wrapper}>
- <div className={styles.ball}></div>
- <div className={styles.ball}></div>
- <div className={styles.ball}></div>
- <div className={styles.text}>
- {message ||
- intl.formatMessage({
- defaultMessage: 'Loading...',
- description: 'Spinner: loading text',
- id: 'q9cJQe',
- })}
- </div>
- </div>
- );
-};
-
-export default Spinner;