diff options
Diffstat (limited to 'src/components/Widget/ThematicsList/ThematicsList.tsx')
| -rw-r--r-- | src/components/Widget/ThematicsList/ThematicsList.tsx | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/Widget/ThematicsList/ThematicsList.tsx b/src/components/Widget/ThematicsList/ThematicsList.tsx deleted file mode 100644 index d17dbd1..0000000 --- a/src/components/Widget/ThematicsList/ThematicsList.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { t } from '@lingui/macro'; -import { getAllThematics } from '@services/graphql/queries'; -import Link from 'next/link'; -import { useRouter } from 'next/router'; -import useSWR from 'swr'; -import styles from '../Widget.module.scss'; - -const ThematicsList = ({ title }: { title: string }) => { - const router = useRouter(); - const isThematic = () => router.asPath.includes('/thematique/'); - const currentThematicSlug = isThematic() - ? router.asPath.replace('/thematique/', '') - : ''; - - const { data, error } = useSWR('/api/thematics', getAllThematics); - - if (error) return <div>{t`Failed to load.`}</div>; - if (!data) return <div>{t`Loading...`}</div>; - - const thematics = data.map((thematic) => { - return currentThematicSlug !== thematic.slug ? ( - <li key={thematic.databaseId}> - <Link href={`/thematique/${thematic.slug}`}> - <a>{thematic.title}</a> - </Link> - </li> - ) : ( - '' - ); - }); - - return ( - <div> - <h2 className={styles.title}>{title}</h2> - <ul className={styles.list}>{thematics}</ul> - </div> - ); -}; - -export default ThematicsList; |
