sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-19 13:36:09 +05:00
Code Issues Packages Projects Releases Wiki Activity

make prettier happy

Browse Source
This commit is contained in:
nikk gitanes
2024-02-16 22:03:20 +03:00
parent cbf7764d08
commit 913c067b87
3 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/components/CloseServer.jsx
View File

@@ -6,6 +6,7 @@ import { shutdownHost } from 'utils/Hosts'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { isStandaloneApp } from 'utils/Utils' import { isStandaloneApp } from 'utils/Utils'
import useOnStandaloneAppOutsideClick from 'utils/useOnStandaloneAppOutsideClick' import useOnStandaloneAppOutsideClick from 'utils/useOnStandaloneAppOutsideClick'
import UnsafeButton from './UnsafeButton' import UnsafeButton from './UnsafeButton'
export default function CloseServer({ isOffline, isLoading }) { export default function CloseServer({ isOffline, isLoading }) {

1
web/src/components/RemoveAll.jsx
View File

@@ -6,6 +6,7 @@ import DeleteIcon from '@material-ui/icons/Delete'
import { useState } from 'react' import { useState } from 'react'
import { torrentsHost } from 'utils/Hosts' import { torrentsHost } from 'utils/Hosts'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import UnsafeButton from './UnsafeButton' import UnsafeButton from './UnsafeButton'
const fnRemoveAll = () => { const fnRemoveAll = () => {

45
web/src/components/UnsafeButton.jsx
View File

@@ -1,26 +1,29 @@
import { Button } from '@material-ui/core'; import { Button } from '@material-ui/core'
import { useEffect, useRef, useState } from 'react'; import { useEffect, useState } from 'react'
export default function UnsafeButton({ timeout, children, disabled, ...props }) { export default function UnsafeButton({ timeout, children, disabled, ...props }) {
const [timeLeft, setTimeLeft] = useState(timeout || 7) const [timeLeft, setTimeLeft] = useState(timeout || 7)
const [buttonDisabled, setButtonDisabled] = useState(disabled || timeLeft > 0) const [buttonDisabled, setButtonDisabled] = useState(disabled || timeLeft > 0)
const handleTimerTick = () => { const handleTimerTick = () => {
const newTimeLeft = timeLeft - 1 const newTimeLeft = timeLeft - 1
setTimeLeft(newTimeLeft) setTimeLeft(newTimeLeft)
if (newTimeLeft <= 0) { if (newTimeLeft <= 0) {
setButtonDisabled(disabled) setButtonDisabled(disabled)
}
} }
const getTimerText = () => !disabled && timeLeft > 0 ? ` (${timeLeft})` : '' }
useEffect(() => { const getTimerText = () => (!disabled && timeLeft > 0 ? ` (${timeLeft})` : '')
if (disabled || !timeLeft) { return } useEffect(() => {
const intervalId = setInterval(handleTimerTick, 1000) if (disabled || !timeLeft) {
return () => clearInterval(intervalId) return
}, [timeLeft]) }
const intervalId = setInterval(handleTimerTick, 1000)
return () => clearInterval(intervalId)
// eslint-disable-next-line
}, [timeLeft])
return ( return (
<Button disabled={buttonDisabled} {...props}> <Button disabled={buttonDisabled} {...props}>
{children} {getTimerText()} {children} {getTimerText()}
</Button> </Button>
) )
} }