diff --git a/src/components/AppShelf/AppShelf.tsx b/src/components/AppShelf/AppShelf.tsx index c125aba92..4cc1212c3 100644 --- a/src/components/AppShelf/AppShelf.tsx +++ b/src/components/AppShelf/AppShelf.tsx @@ -1,5 +1,13 @@ import React, { useState } from 'react'; -import { Accordion, Grid, Paper, Stack, useMantineColorScheme } from '@mantine/core'; +import { + Accordion, + Divider, + Grid, + Paper, + Stack, + Title, + useMantineColorScheme, +} from '@mantine/core'; import { closestCenter, DndContext, @@ -128,8 +136,8 @@ const AppShelf = (props: any) => { (e) => e.category === undefined || e.category === null ); - const usenetEnabled = config.modules?.[TorrentsModule.id]?.enabled ?? false; - const torrentEnabled = config.modules?.[UsenetModule.id]?.enabled ?? false; + const torrentEnabled = config.modules?.[TorrentsModule.id]?.enabled ?? false; + const usenetEnabled = config.modules?.[UsenetModule.id]?.enabled ?? false; const downloadEnabled = usenetEnabled || torrentEnabled; // Create an item with 0: true, 1: true, 2: true... For each category @@ -164,7 +172,6 @@ const AppShelf = (props: any) => { {t('accordions.downloads.text')} { > {torrentEnabled && ( <> + Torrents )} {usenetEnabled && ( <> + {torrentEnabled && } + + Usenet +