From 6460e433a50838ec818898bc1a43499f912b8988 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Tue, 8 Aug 2023 22:18:35 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20App=20Transparency=20not=20used?=
 =?UTF-8?q?=20by=20torrent=20tile=20table=20(#1256)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🐛 App Transparency not used by torrent tile table

* 🐛 Classname to unspecific
---
 src/widgets/torrent/TorrentQueueItem.tsx | 5 ++++-
 src/widgets/torrent/TorrentTile.tsx      | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/widgets/torrent/TorrentQueueItem.tsx b/src/widgets/torrent/TorrentQueueItem.tsx
index 7750711cf..48d73a1ee 100644
--- a/src/widgets/torrent/TorrentQueueItem.tsx
+++ b/src/widgets/torrent/TorrentQueueItem.tsx
@@ -47,7 +47,7 @@ export const BitTorrrentQueueItem = ({ torrent, width, app }: TorrentQueueItemPr
   const uploadSpeed = torrent.uploadSpeed / 1024 / 1024;
   const size = torrent.totalSelected;
   return (
-    <tr key={torrent.id}>
+    <tr key={torrent.id} className={classes.transparentBackground}>
       <td>
         <Popover opened={popoverOpened} radius="md" shadow="md" width={350} withinPortal>
           <Popover.Dropdown>
@@ -235,4 +235,7 @@ const useStyles = createStyles(() => ({
   noTextBreak: {
     whiteSpace: 'nowrap',
   },
+  transparentBackground: {
+    backgroundColor: 'transparent !important',
+  },
 }));
diff --git a/src/widgets/torrent/TorrentTile.tsx b/src/widgets/torrent/TorrentTile.tsx
index b262eab0d..d5fa11c9a 100644
--- a/src/widgets/torrent/TorrentTile.tsx
+++ b/src/widgets/torrent/TorrentTile.tsx
@@ -17,6 +17,7 @@ import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import { useTranslation } from 'next-i18next';
+import { useCardStyles } from '~/components/layout/useCardStyles';
 
 import { MIN_WIDTH_MOBILE } from '../../constants/constants';
 import { NormalizedDownloadQueueResponse } from '../../types/api/downloads/queue/NormalizedDownloadQueueResponse';
@@ -70,6 +71,7 @@ interface TorrentTileProps {
 function TorrentTile({ widget }: TorrentTileProps) {
   const { t } = useTranslation('modules/torrents-status');
   const { width, ref } = useElementSize();
+  const { classes } = useCardStyles(true);
 
   const {
     data,
@@ -158,7 +160,7 @@ function TorrentTile({ widget }: TorrentTileProps) {
             ))}
 
             {filteredTorrents.length !== torrents.length && (
-              <tr>
+              <tr className={classes.card}>
                 <td colSpan={width > MIN_WIDTH_MOBILE ? 6 : 3}>
                   <Flex gap="xs" align="center" justify="center">
                     <IconInfoCircle opacity={0.7} size={18} />