Skip to content

feat: Show keyId after creating a new key #2107

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
chronark merged 6 commits into from
Sep 18, 2024
Merged

feat: Show keyId after creating a new key #2107

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
fc97d5b
Show keyId after creating a new key
harshsbhat Sep 17, 2024
22c91d0
lint
harshsbhat Sep 17, 2024
08ef910
Merge branch 'main' into harshbhat/show-keyId
harshsbhat Sep 17, 2024
fec0edf
Merge branch 'main' into harshbhat/show-keyId
harshsbhat Sep 18, 2024
8938219
Requested changes
harshsbhat Sep 18, 2024
403156b
Removed unused component
harshsbhat Sep 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 8 additions & 3 deletions apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -249,16 +249,21 @@ export const CreateKey: React.FC<Props> = ({ apiId, keyAuthId }) => {
{key.data ? (
<div className="w-full max-sm:p-4">
<div>
<p className="mb-4 text-xl font-bold">Your API Key</p>
<div className="flex flex-col sm:flex-row justify-between sm:items-center mb-4">
<p className="mb-4 sm:mb-0 text-xl font-bold">Your API Key</p>
<Code className="h-8 w-full sm:w-auto flex gap-1.5 justify-between">
<pre className="truncate">{key.data.keyId}</pre>
<CopyButton value={key.data.keyId} />
</Code>
</div>
<Alert>
<AlertCircle className="w-4 h-4" />
<AlertTitle>This key is only shown once and can not be recovered </AlertTitle>
<AlertDescription>
Please pass it on to your user or store it somewhere safe.
</AlertDescription>
</Alert>

<Code className="flex items-center justify-between w-full gap-4 my-8 ph-no-capture max-sm:text-xs sm:overflow-hidden">
<Code className="flex items-center justify-between w-full gap-4 mt-2 my-8 ph-no-capture max-sm:text-xs sm:overflow-hidden">
<pre>{showKey ? key.data.key : maskedKey}</pre>
<div className="flex items-start justify-between gap-4 max-sm:absolute max-sm:right-11">
<VisibleButton isVisible={showKey} setIsVisible={setShowKey} />
Expand Down