mirror/fosrl.pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2025-08-18 16:28:26 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

use mobile friendly dialog in regenerate invite

Browse source
This commit is contained in:
miloschwartz 2025-04-12 12:18:05 -04:00
parent bc8cd5c941
commit e057c5f3bf
No known key found for this signature in database
1 changed files with 83 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/app/[orgId]/settings/access/invitations/RegenerateInvitationForm.tsx
View file

@ -1,11 +1,14 @@
import { Button } from "@app/components/ui/button";
import {
Dialog,
DialogContent,
DialogFooter,
DialogHeader,
DialogTitle
} from "@app/components/ui/dialog";
Credenza,
CredenzaBody,
CredenzaClose,
CredenzaContent,
CredenzaDescription,
CredenzaFooter,
CredenzaHeader,
CredenzaTitle
} from "@app/components/Credenza";
import { useState, useEffect } from "react";
import { createApiClient } from "@app/lib/api";
import { useEnvContext } from "@app/hooks/useEnvContext";
@ -20,6 +23,7 @@ import {
SelectTrigger,
SelectValue
} from "@app/components/ui/select";
import { Label } from "@app/components/ui/label";
type RegenerateInvitationFormProps = {
open: boolean;
@ -153,7 +157,7 @@ export default function RegenerateInvitationForm({
}
return (
<Dialog
<Credenza
open={open}
onOpenChange={(isOpen) => {
setOpen(isOpen);
@ -162,16 +166,20 @@ export default function RegenerateInvitationForm({
}
}}
>
<DialogContent aria-describedby="regenerate-invite-description">
<DialogHeader>
<DialogTitle>Regenerate Invitation</DialogTitle>
</DialogHeader>
<CredenzaContent>
<CredenzaHeader>
<CredenzaTitle>Regenerate Invitation</CredenzaTitle>
<CredenzaDescription>
Revoke previous invitation and create a new one
</CredenzaDescription>
</CredenzaHeader>
<CredenzaBody>
{!inviteLink ? (
<div>
<p>
Are you sure you want to regenerate the invitation
for <b>{invitation?.email}</b>? This will revoke the
previous invitation.
Are you sure you want to regenerate the
invitation for <b>{invitation?.email}</b>? This
will revoke the previous invitation.
</p>
<div className="flex items-center space-x-2 mt-4">
<Checkbox
@ -185,10 +193,10 @@ export default function RegenerateInvitationForm({
Send email notification to the user
</label>
</div>
<div className="mt-4">
<label className="block text-sm font-medium text-gray-700">
<div className="mt-4 space-y-2">
<Label>
Validity Period
</label>
</Label>
<Select
value={validHours.toString()}
onValueChange={(value) =>
@ -214,21 +222,20 @@ export default function RegenerateInvitationForm({
) : (
<div className="space-y-4 max-w-md">
<p>
The invitation has been regenerated. The user must
access the link below to accept the invitation.
The invitation has been regenerated. The user
must access the link below to accept the
invitation.
</p>
<CopyTextBox text={inviteLink} wrapText={false} />
</div>
)}
<DialogFooter>
</CredenzaBody>
<CredenzaFooter>
{!inviteLink ? (
<>
<Button
variant="outline"
onClick={() => setOpen(false)}
>
Cancel
</Button>
<CredenzaClose asChild>
<Button variant="outline">Cancel</Button>
</CredenzaClose>
<Button
onClick={handleRegenerate}
loading={loading}
@ -237,18 +244,12 @@ export default function RegenerateInvitationForm({
</Button>
</>
) : (
<Button
variant="outline"
onClick={() => {
setOpen(false);
setInviteLink(null);
}}
>
Close
</Button>
<CredenzaClose asChild>
<Button variant="outline">Close</Button>
</CredenzaClose>
)}
</DialogFooter>
</DialogContent>
</Dialog>
</CredenzaFooter>
</CredenzaContent>
</Credenza>
);
}