work-in-progress atproto PDS
typescript
atproto
pds
atcute
refactor: app password delete confirmation
+45
-8
+45
-8
packages/danaus/src/web/controllers/account.tsx
+45
-8
packages/danaus/src/web/controllers/account.tsx
···
18
18
import PasswordOutlined from '../icons/central/password-outlined.tsx';
19
19
import PhoneOutlined from '../icons/central/phone-outlined.tsx';
20
20
import PlusLargeOutlined from '../icons/central/plus-large-outlined.tsx';
21
-
import TrashCanOutlined from '../icons/central/trash-can-outlined.tsx';
22
21
import UsbOutlined from '../icons/central/usb-outlined.tsx';
23
22
import { AccountLayout } from '../layouts/account.tsx';
24
23
import { getAppContext } from '../middlewares/app-context.ts';
···
34
33
import DialogContent from '../primitives/dialog-content.tsx';
35
34
import DialogSurface from '../primitives/dialog-surface.tsx';
36
35
import DialogTitle from '../primitives/dialog-title.tsx';
36
+
import DialogTrigger from '../primitives/dialog-trigger.tsx';
37
37
import Dialog from '../primitives/dialog.tsx';
38
38
import Field from '../primitives/field.tsx';
39
39
import Input from '../primitives/input.tsx';
···
445
445
<div class="min-w-0 grow">
446
446
<p class="text-base-300 font-medium">{password.name}</p>
447
447
<p class="text-base-300 text-neutral-foreground-3">
448
-
{privilege} · created {password.created_at.toLocaleDateString()}
448
+
{privilege} · Created {password.created_at.toLocaleDateString()}
449
449
</p>
450
450
</div>
451
451
452
-
<form {...deleteAppPasswordForm} class="contents">
453
-
<input type="hidden" name="name" value={password.name} />
454
-
<Button type="submit" variant="subtle">
455
-
<TrashCanOutlined size={16} />
456
-
</Button>
457
-
</form>
452
+
<Menu>
453
+
<MenuTrigger>
454
+
<button class="grid h-6 w-6 shrink-0 place-items-center rounded-md bg-subtle-background text-neutral-foreground-3 outline-2 -outline-offset-2 outline-transparent transition hover:bg-subtle-background-hover hover:text-neutral-foreground-3-hover focus-visible:outline-stroke-focus-2 active:bg-subtle-background-active active:text-neutral-foreground-3-active">
455
+
<DotGrid1x3HorizontalOutlined size={16} />
456
+
</button>
457
+
</MenuTrigger>
458
+
459
+
<MenuPopover>
460
+
<MenuList>
461
+
<Dialog>
462
+
<DialogTrigger>
463
+
<MenuItem>Remove</MenuItem>
464
+
</DialogTrigger>
465
+
466
+
<DialogSurface>
467
+
<DialogBody>
468
+
<DialogTitle>Remove app password?</DialogTitle>
469
+
470
+
<form {...deleteAppPasswordForm} class="contents">
471
+
<input type="hidden" name="name" value={password.name} />
472
+
473
+
<DialogContent>
474
+
<p class="text-base-300">
475
+
Any app signed in with "{password.name}" will be signed out immediately.
476
+
</p>
477
+
</DialogContent>
478
+
479
+
<DialogActions>
480
+
<DialogClose>
481
+
<Button>Cancel</Button>
482
+
</DialogClose>
483
+
484
+
<Button type="submit" variant="primary">
485
+
Remove
486
+
</Button>
487
+
</DialogActions>
488
+
</form>
489
+
</DialogBody>
490
+
</DialogSurface>
491
+
</Dialog>
492
+
</MenuList>
493
+
</MenuPopover>
494
+
</Menu>
458
495
</div>
459
496
);
460
497
})}