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
+
>