refactor

web/src/components/DialogTorrentDetailsContent/SingleBlock.jsx

@@ -34,7 +34,6 @@ export default function SingleBlock({
       width={boxHeight}
       fillAfterStrokeEnabled
       preventDefault={false}
-      // eslint-disable-next-line react/jsx-props-no-spreading
       {...(isComplete
         ? { fill: processCompletedColor }
         : inProgress && {

web/src/components/DialogTorrentDetailsContent/customHooks.jsx

@@ -28,9 +28,7 @@ export const useUpdateCache = hash => {
       }, 100)
     } else clearInterval(timerID.current)
 
-    return () => {
-      clearInterval(timerID.current)
-    }
+    return () => clearInterval(timerID.current)
   }, [hash])
 
   return cache

web/src/components/DialogTorrentDetailsContent/index.jsx

@@ -2,14 +2,13 @@ import { NoImageIcon } from 'icons'
 import { getPeerString, humanizeSize } from 'utils/Utils'
 import { CopyToClipboard } from 'react-copy-to-clipboard'
 import { useEffect, useState } from 'react'
-import { Button, ButtonGroup, Typography } from '@material-ui/core'
+import { Button } from '@material-ui/core'
 import ptt from 'parse-torrent-title'
 import {
   ArrowDownward as ArrowDownwardIcon,
   ArrowUpward as ArrowUpwardIcon,
   SwapVerticalCircle as SwapVerticalCircleIcon,
   ViewAgenda as ViewAgendaIcon,
-  Cached as CachedIcon,
 } from '@material-ui/icons'
 import axios from 'axios'
 import { streamHost, torrentsHost, viewedHost } from 'utils/Hosts'
@@ -109,7 +108,6 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
       <DialogHeader
         onClose={closeDialog}
         title={isDetailedCacheView ? 'Detailed Cache View' : 'Torrent Details'}
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...(isDetailedCacheView && { onBack: () => setIsDetailedCacheView(false) })}
       />
 

web/src/components/DialogTorrentDetailsContent/style.js

@@ -204,10 +204,6 @@ export const Table = styled.table`
   tbody tr {
     border-bottom: 1px solid #ddd;
 
-    /* :nth-of-type(even) {
-      background: #f3f3f3;
-    } */
-
     :last-of-type {
       border-bottom: 2px solid #009879;
     }