Buriburizaemon/admin-frontend-domain
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/admin-frontend-domain.git synced 2026-02-04 20:50:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: i18n (#71)

Browse Source 
* fix: block_identifier text

* fix: i18n

* chore: auto-fix linting and formatting issues

* fix: block button

* fix: ConfirmBlock text

* fix: i18n

---------

Co-authored-by: hamster1963 <hamster1963@users.noreply.github.com>
This commit is contained in:
仓鼠
2024-12-23 00:38:40 +08:00
committed by GitHub
parent 4d12682cdf
commit 5e3db19ed6
8 changed files with 172 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/action-button-group.tsx
View File

@@ -21,6 +21,12 @@ interface ButtonGroupProps<E, U> {
delete: { fn: (id: E[]) => Promise<void>; id: E; mutate: KeyedMutator<U> }
}
interface BlockButtonGroupProps<E, U> {
className?: string
children?: React.ReactNode
block: { fn: (id: E[]) => Promise<void>; id: E; mutate: KeyedMutator<U> }
}
export function ActionButtonGroup<E, U>({
className,
children,
@@ -66,3 +72,49 @@ export function ActionButtonGroup<E, U>({
</div>
)
}
export function BlockButtonGroup<E, U>({
className,
children,
block: { fn, id, mutate },
}: BlockButtonGroupProps<E, U>) {
const { t } = useTranslation()
const handleBlock = async () => {
try {
await fn([id])
} catch (error: any) {
toast(t("Error"), {
description: error.message,
})
}
await mutate()
}
return (
<div className={className}>
{children}
<AlertDialog>
<AlertDialogTrigger asChild>
<IconButton variant="destructive" icon="ban" />
</AlertDialogTrigger>
<AlertDialogContent className="sm:max-w-lg">
<AlertDialogHeader>
<AlertDialogTitle>{t("ConfirmBlock")}</AlertDialogTitle>
<AlertDialogDescription>
{t("Results.ThisOperationIsUnrecoverable")}
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>{t("Close")}</AlertDialogCancel>
<AlertDialogAction
className={buttonVariants({ variant: "destructive" })}
onClick={handleBlock}
>
{t("Confirm")}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
</div>
)
}