diff options
Diffstat (limited to 'src/components/Widget/TopicsList')
| -rw-r--r-- | src/components/Widget/TopicsList/TopicsList.tsx | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/Widget/TopicsList/TopicsList.tsx b/src/components/Widget/TopicsList/TopicsList.tsx deleted file mode 100644 index 50205d7..0000000 --- a/src/components/Widget/TopicsList/TopicsList.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { t } from '@lingui/macro'; -import { getAllSubjects } 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 TopicsList = ({ title }: { title: string }) => { - const router = useRouter(); - const isTopic = () => router.asPath.includes('/sujet/'); - const currentTopicSlug = isTopic() - ? router.asPath.replace('/sujet/', '') - : ''; - - const { data, error } = useSWR('/api/subjects', getAllSubjects); - - if (error) return <div>{t`Failed to load.`}</div>; - if (!data) return <div>{t`Loading...`}</div>; - - const subjects = data.map((subject) => { - return currentTopicSlug !== subject.slug ? ( - <li key={subject.databaseId}> - <Link href={`/sujet/${subject.slug}`}> - <a>{subject.title}</a> - </Link> - </li> - ) : ( - '' - ); - }); - - return ( - <div> - <h2 className={styles.title}>{title}</h2> - <ul className={styles.list}>{subjects}</ul> - </div> - ); -}; - -export default TopicsList; |
