diff options
Diffstat (limited to 'src/components/Widgets/TopicsList')
| -rw-r--r-- | src/components/Widgets/TopicsList/TopicsList.tsx | 76 |
1 files changed, 0 insertions, 76 deletions
diff --git a/src/components/Widgets/TopicsList/TopicsList.tsx b/src/components/Widgets/TopicsList/TopicsList.tsx deleted file mode 100644 index 7bc7d70..0000000 --- a/src/components/Widgets/TopicsList/TopicsList.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import Spinner from '@components/Spinner/Spinner'; -import { ExpandableWidget, List } from '@components/WidgetParts'; -import { getAllTopics } from '@services/graphql/queries'; -import { TitleLevel } from '@ts/types/app'; -import { TopicPreview } from '@ts/types/taxonomies'; -import Link from 'next/link'; -import { useRouter } from 'next/router'; -import { useIntl } from 'react-intl'; -import useSWR from 'swr'; - -const TopicsList = ({ - title, - titleLevel, - initialData, -}: { - title: string; - titleLevel?: TitleLevel; - initialData?: TopicPreview[]; -}) => { - const intl = useIntl(); - const router = useRouter(); - const isTopic = () => router.asPath.includes('/sujet/'); - const currentTopicSlug = isTopic() - ? router.asPath.replace('/sujet/', '') - : ''; - - const { data, error } = useSWR('/api/topics', getAllTopics, { - fallbackData: initialData, - }); - - const getList = () => { - if (error) - return ( - <ul> - {intl.formatMessage({ - defaultMessage: 'Failed to load.', - description: 'TopicsList: failed to load text', - id: '00Pf5p', - })} - </ul> - ); - if (!data) - return ( - <ul> - <Spinner /> - </ul> - ); - - const topics = data.map((topic) => { - return currentTopicSlug !== topic.slug ? ( - <li key={topic.databaseId}> - <Link href={`/sujet/${topic.slug}`}> - <a>{topic.title}</a> - </Link> - </li> - ) : ( - '' - ); - }); - - return <List items={topics} />; - }; - - return ( - <ExpandableWidget - title={title} - titleLevel={titleLevel} - withBorders={true} - expand={true} - > - {getList()} - </ExpandableWidget> - ); -}; - -export default TopicsList; |
