166419134f
- Updated import paths for various components to align with new directory structure. - Changed imports from 'row-actions', 'confirm-dialog', 'image-preview-button', and 'file-upload' to their respective new locations in 'data-display', 'dialogs', and 'inputs'. - Adjusted imports in multiple pages including purchase, restock, transaction, category, customer, product, raw-material, supplier, roles, and settings. - Ensured all relevant components are imported from their new locations to maintain functionality.
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
import { router } from '@inertiajs/react';
|
|
import { KeyRound } from 'lucide-react';
|
|
import { destroy } from '@/actions/Laravel/Passkeys/Http/Controllers/PasskeyRegistrationController';
|
|
import { Heading } from '@/components/layout';
|
|
import { PasskeyItem, PasskeyRegister as PasskeyRegistration } from '@/components/auth';
|
|
import type { Passkey } from '@/types/auth';
|
|
|
|
export type Props = {
|
|
canManagePasskeys?: boolean;
|
|
passkeys?: Passkey[];
|
|
};
|
|
|
|
const EmptyState = () => {
|
|
return (
|
|
<div className="p-8 text-center">
|
|
<div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-muted">
|
|
<KeyRound className="h-7 w-7 text-muted-foreground" />
|
|
</div>
|
|
<p className="font-medium">No passkeys yet</p>
|
|
<p className="mt-1 text-sm text-muted-foreground">
|
|
Add a passkey to sign in without a password
|
|
</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default function ManagePasskeys(props: Props) {
|
|
const passkeys = props.passkeys ?? [];
|
|
|
|
const handleDelete = (id: number, onError: () => void) => {
|
|
router.delete(destroy.url(id), {
|
|
preserveScroll: true,
|
|
onError,
|
|
});
|
|
};
|
|
|
|
const handleRegisterSuccess = () => {
|
|
router.reload();
|
|
};
|
|
|
|
if (!(props.canManagePasskeys ?? false)) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<Heading
|
|
variant="small"
|
|
title="Passkeys"
|
|
description="Manage your passkeys for passwordless sign-in"
|
|
/>
|
|
|
|
<div className="overflow-hidden rounded-lg border border-border">
|
|
{passkeys.length > 0 ? (
|
|
passkeys.map((passkey) => (
|
|
<PasskeyItem
|
|
key={passkey.id}
|
|
passkey={passkey}
|
|
onDelete={handleDelete}
|
|
/>
|
|
))
|
|
) : (
|
|
<EmptyState />
|
|
)}
|
|
</div>
|
|
|
|
<PasskeyRegistration onSuccess={handleRegisterSuccess} />
|
|
</div>
|
|
);
|
|
}
|