Calcium-Ion
31d70fca39
* refactor(auth): replace dashboard sessions with stateless tokens * feat(auth): harden session issuance and distributed enforcement * fix(proxy): preserve trusted proxy compatibility defaults * refactor: address dashboard auth review feedback * refactor: remove classic frontend and flatten web app
131 lines
3.7 KiB
TypeScript
Vendored
131 lines
3.7 KiB
TypeScript
Vendored
/*
|
|
Copyright (C) 2023-2026 QuantumNous
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
For commercial licensing, please contact support@quantumnous.com
|
|
*/
|
|
import { useQueryClient } from '@tanstack/react-query'
|
|
import { Loader2 } from 'lucide-react'
|
|
import { useState } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
import { Dialog } from '@/components/dialog'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Checkbox } from '@/components/ui/checkbox'
|
|
import { Input } from '@/components/ui/input'
|
|
import { Label } from '@/components/ui/label'
|
|
|
|
import { handleCopyChannel } from '../../lib'
|
|
import { useChannels } from '../channels-provider'
|
|
|
|
type CopyChannelDialogProps = {
|
|
open: boolean
|
|
onOpenChange: (open: boolean) => void
|
|
}
|
|
|
|
export function CopyChannelDialog({
|
|
open,
|
|
onOpenChange,
|
|
}: CopyChannelDialogProps) {
|
|
const { t } = useTranslation()
|
|
const { currentRow } = useChannels()
|
|
const queryClient = useQueryClient()
|
|
const [suffix, setSuffix] = useState('_copy')
|
|
const [resetBalance, setResetBalance] = useState(true)
|
|
const [isCopying, setIsCopying] = useState(false)
|
|
|
|
if (!currentRow) return null
|
|
|
|
const handleCopy = async () => {
|
|
setIsCopying(true)
|
|
|
|
await handleCopyChannel(
|
|
currentRow.id,
|
|
{
|
|
suffix,
|
|
reset_balance: resetBalance,
|
|
},
|
|
queryClient,
|
|
() => {
|
|
onOpenChange(false)
|
|
setSuffix('_copy')
|
|
setResetBalance(true)
|
|
}
|
|
)
|
|
|
|
setIsCopying(false)
|
|
}
|
|
|
|
return (
|
|
<Dialog
|
|
open={open}
|
|
onOpenChange={onOpenChange}
|
|
title={t('Copy Channel')}
|
|
description={
|
|
<>
|
|
{t('Create a copy of:')}
|
|
<strong>{currentRow.name}</strong>
|
|
</>
|
|
}
|
|
contentHeight='auto'
|
|
bodyClassName='space-y-4'
|
|
footer={
|
|
<>
|
|
<Button
|
|
variant='outline'
|
|
onClick={() => onOpenChange(false)}
|
|
disabled={isCopying}
|
|
>
|
|
{t('Cancel')}
|
|
</Button>
|
|
<Button onClick={handleCopy} disabled={isCopying}>
|
|
{isCopying && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
|
|
{isCopying ? t('Copying...') : t('Copy Channel')}
|
|
</Button>
|
|
</>
|
|
}
|
|
>
|
|
<div className='space-y-4 py-4'>
|
|
<div className='space-y-2'>
|
|
<Label htmlFor='suffix'>{t('Name Suffix')}</Label>
|
|
<Input
|
|
id='suffix'
|
|
placeholder={t('_copy')}
|
|
value={suffix}
|
|
onChange={(e) => setSuffix(e.target.value)}
|
|
disabled={isCopying}
|
|
/>
|
|
<p className='text-muted-foreground text-xs'>
|
|
{t('New name will be:')} {currentRow.name}
|
|
{suffix}
|
|
</p>
|
|
</div>
|
|
|
|
<div className='flex items-center space-x-2'>
|
|
<Checkbox
|
|
id='reset-balance'
|
|
checked={resetBalance}
|
|
onCheckedChange={(checked) => setResetBalance(!!checked)}
|
|
disabled={isCopying}
|
|
/>
|
|
<Label htmlFor='reset-balance' className='text-sm font-normal'>
|
|
{t('Reset balance and used quota')}
|
|
</Label>
|
|
</div>
|
|
</div>
|
|
</Dialog>
|
|
)
|
|
}
|