remove unneded no-unused-vars

web/src/App/Sidebar.jsx

@@ -19,7 +19,6 @@ import { useTranslation } from 'react-i18next'
 import { AppSidebarStyle } from './style'
 
 export default function Sidebar({ isDrawerOpen, setIsDonationDialogOpen }) {
-  // eslint-disable-next-line no-unused-vars
   const { t } = useTranslation()
   return (
     <AppSidebarStyle isDrawerOpen={isDrawerOpen}>

web/src/components/About.jsx

@@ -13,9 +13,8 @@ import { useTranslation } from 'react-i18next'
 import { echoHost } from 'utils/Hosts'
 
 export default function AboutDialog() {
-  const [open, setOpen] = useState(false)
-  // eslint-disable-next-line no-unused-vars
   const { t } = useTranslation()
+  const [open, setOpen] = useState(false)
   const [torrServerVersion, setTorrServerVersion] = useState('')
   useEffect(() => {
     axios.get(echoHost()).then(({ data }) => setTorrServerVersion(data))

web/src/components/Add/AddDialog.jsx

@@ -10,6 +10,7 @@ import axios from 'axios'
 import { useTranslation } from 'react-i18next'
 
 export default function AddDialog({ handleClose }) {
+  const { t } = useTranslation()
   const [link, setLink] = useState('')
   const [title, setTitle] = useState('')
   const [poster, setPoster] = useState('')
@@ -18,9 +19,6 @@ export default function AddDialog({ handleClose }) {
   const inputTitle = ({ target: { value } }) => setTitle(value)
   const inputPoster = ({ target: { value } }) => setPoster(value)
 
-  // eslint-disable-next-line no-unused-vars
-  const { t } = useTranslation()
-
   const handleSave = () => {
     axios.post(torrentsHost(), { action: 'add', link, title, poster, save_to_db: true }).finally(() => handleClose())
   }

web/src/components/Add/index.jsx

@@ -8,11 +8,10 @@ import { useTranslation } from 'react-i18next'
 import AddDialog from './AddDialog'
 
 export default function AddDialogButton() {
+  const { t } = useTranslation()
   const [isDialogOpen, setIsDialogOpen] = useState(false)
   const handleClickOpen = () => setIsDialogOpen(true)
   const handleClose = () => setIsDialogOpen(false)
-  // eslint-disable-next-line no-unused-vars
-  const { t } = useTranslation()
   return (
     <div>
       <ListItem button key='Add' onClick={handleClickOpen}>

web/src/components/TorrentList.jsx

@@ -8,12 +8,11 @@ import { TorrentListWrapper, CenteredGrid } from 'App/style'
 import { useTranslation } from 'react-i18next'
 
 export default function TorrentList() {
+  const { t } = useTranslation()
   const [torrents, setTorrents] = useState([])
   const [isLoading, setIsLoading] = useState(true)
   const [isOffline, setIsOffline] = useState(true)
   const timerID = useRef(-1)
-  // eslint-disable-next-line no-unused-vars
-  const { t } = useTranslation()
 
   useEffect(() => {
     timerID.current = setInterval(() => {

web/src/components/Upload.jsx

@@ -7,6 +7,7 @@ import axios from 'axios'
 import { useTranslation } from 'react-i18next'
 
 export default function UploadDialog() {
+  const { t } = useTranslation()
   const handleCapture = ({ target: { files } }) => {
     const [file] = files
     const data = new FormData()
@@ -14,8 +15,6 @@ export default function UploadDialog() {
     data.append('file', file)
     axios.post(torrentUploadHost(), data)
   }
-  // eslint-disable-next-line no-unused-vars
-  const { t } = useTranslation()
   return (
     <div>
       <label htmlFor='raised-button-file'>