Skip to content

fix: return to API key list after dismissal #284

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
exe-dev-github-integration merged 1 commit into from
Oct 20, 2026
Merged

fix: return to API key list after dismissal #284

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
5 changes: 3 additions & 2 deletions packages/app/src/features/settings/api-key-create.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { Button, Input, Select, Label, Card } from "../../shared/ui";
import { Link } from "@tanstack/react-router";
import { Link, useNavigate } from "@tanstack/react-router";
import { useState } from "react";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { api } from "factorize-api-client";
Expand All @@ -11,6 +11,7 @@ const allScopes = ["projects:read", "projects:write", "jobs:read", "jobs:write",
const scopeDescriptions: Record<typeof allScopes[number], string> = { "projects:read": "View projects", "projects:write": "Create, rename, and delete projects", "jobs:read": "View jobs and job configuration", "jobs:write": "Create, edit, enable, disable, and delete jobs", "runs:read": "View runs, traces, context, and diagnostics", "runs:invoke": "Start jobs", "runs:cancel": "Stop or cancel runs", "integrations:read": "View integrations and provider resources", "integrations:write": "Create, configure, test, and remove integrations" };

export function ApiKeyCreate() {
const navigate = useNavigate();
const cache = useQueryClient();
const [secret, setSecret] = useState("");
const [name, setName] = useState("");
Expand All @@ -32,7 +33,7 @@ export function ApiKeyCreate() {
{secret ? <Card role="status" className="mt-5 border p-4">
<p>Copy this key now. It will only be displayed once.</p>
<pre className="break-all whitespace-pre-wrap" aria-label="One-time API key">{secret}</pre>
<div className="flex flex-wrap gap-2"><Button onClick={() => void navigator.clipboard.writeText(secret)}>Copy key</Button><Button onClick={() => setSecret("")}>Dismiss key</Button></div>
<div className="flex flex-wrap gap-2"><Button onClick={() => void navigator.clipboard.writeText(secret)}>Copy key</Button><Button onClick={() => void navigate({ to: "/settings/api-keys" })}>Dismiss key</Button></div>
</Card> : <form className="my-4 grid gap-3" onSubmit={e => { e.preventDefault(); create.mutate(); }}>
<Label>Key name <Input required maxLength={100} value={name} onChange={e => setName(e.target.value)} /></Label>
<p>Permissions are independent: write does not imply read. Job writes can affect future schedule, webhook, and lifecycle executions; deleting a job may remove its run history and artifacts.</p>
Expand Down
Loading