From aa1ca65e7c9807c6d6020e39166536297fe1cdae Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sat, 15 Jan 2022 22:45:57 +0100 Subject: chore: update sidebar and widgets styles I'm now using a widget that can be expanded/collapsed. It also allows me to handle more effectively widgets overflow and to avoid styles repetitions. However, with stylelint rule "no-descending-specificity", I'm not sure if the stylesheets are really logical... Maybe I should deactivate this rule. --- src/components/Widget/TopicsList/TopicsList.tsx | 40 ------------------------- 1 file changed, 40 deletions(-) delete mode 100644 src/components/Widget/TopicsList/TopicsList.tsx (limited to 'src/components/Widget/TopicsList/TopicsList.tsx') 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
{t`Failed to load.`}
; - if (!data) return
{t`Loading...`}
; - - const subjects = data.map((subject) => { - return currentTopicSlug !== subject.slug ? ( -
  • - - {subject.title} - -
  • - ) : ( - '' - ); - }); - - return ( -
    -

    {title}

    - -
    - ); -}; - -export default TopicsList; -- cgit v1.2.3