mirror of
https://github.com/Ernous/TorrServerJellyfin.git
synced 2025-12-19 21:46:11 +05:00
make prettier happy
This commit is contained in:
@@ -6,6 +6,7 @@ import { shutdownHost } from 'utils/Hosts'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { isStandaloneApp } from 'utils/Utils'
|
||||
import useOnStandaloneAppOutsideClick from 'utils/useOnStandaloneAppOutsideClick'
|
||||
|
||||
import UnsafeButton from './UnsafeButton'
|
||||
|
||||
export default function CloseServer({ isOffline, isLoading }) {
|
||||
|
||||
@@ -6,6 +6,7 @@ import DeleteIcon from '@material-ui/icons/Delete'
|
||||
import { useState } from 'react'
|
||||
import { torrentsHost } from 'utils/Hosts'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
|
||||
import UnsafeButton from './UnsafeButton'
|
||||
|
||||
const fnRemoveAll = () => {
|
||||
|
||||
@@ -1,26 +1,29 @@
|
||||
import { Button } from '@material-ui/core';
|
||||
import { useEffect, useRef, useState } from 'react';
|
||||
import { Button } from '@material-ui/core'
|
||||
import { useEffect, useState } from 'react'
|
||||
|
||||
export default function UnsafeButton({ timeout, children, disabled, ...props }) {
|
||||
const [timeLeft, setTimeLeft] = useState(timeout || 7)
|
||||
const [buttonDisabled, setButtonDisabled] = useState(disabled || timeLeft > 0)
|
||||
const handleTimerTick = () => {
|
||||
const newTimeLeft = timeLeft - 1
|
||||
setTimeLeft(newTimeLeft)
|
||||
if (newTimeLeft <= 0) {
|
||||
setButtonDisabled(disabled)
|
||||
}
|
||||
const [timeLeft, setTimeLeft] = useState(timeout || 7)
|
||||
const [buttonDisabled, setButtonDisabled] = useState(disabled || timeLeft > 0)
|
||||
const handleTimerTick = () => {
|
||||
const newTimeLeft = timeLeft - 1
|
||||
setTimeLeft(newTimeLeft)
|
||||
if (newTimeLeft <= 0) {
|
||||
setButtonDisabled(disabled)
|
||||
}
|
||||
const getTimerText = () => !disabled && timeLeft > 0 ? ` (${timeLeft})` : ''
|
||||
useEffect(() => {
|
||||
if (disabled || !timeLeft) { return }
|
||||
const intervalId = setInterval(handleTimerTick, 1000)
|
||||
return () => clearInterval(intervalId)
|
||||
}, [timeLeft])
|
||||
}
|
||||
const getTimerText = () => (!disabled && timeLeft > 0 ? ` (${timeLeft})` : '')
|
||||
useEffect(() => {
|
||||
if (disabled || !timeLeft) {
|
||||
return
|
||||
}
|
||||
const intervalId = setInterval(handleTimerTick, 1000)
|
||||
return () => clearInterval(intervalId)
|
||||
// eslint-disable-next-line
|
||||
}, [timeLeft])
|
||||
|
||||
return (
|
||||
<Button disabled={buttonDisabled} {...props}>
|
||||
{children} {getTimerText()}
|
||||
</Button>
|
||||
)
|
||||
return (
|
||||
<Button disabled={buttonDisabled} {...props}>
|
||||
{children} {getTimerText()}
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user