studio/studio-admin-fe
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add launcher component secret setting support
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
chyoo
2026-07-08 15:35:53 +09:00
parent c89210ac6a
commit 01258b042b
1 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/launcher/LauncherComponentsPage.tsx
+22 -15
View File
@@ -412,15 +412,22 @@ export function LauncherComponentsPage() {
<p className="text-xs leading-5 text-muted-foreground"> <p className="text-xs leading-5 text-muted-foreground">
Secret을 체크하면 Kubernetes Secret에 저장하고 secretKeyRef로 연결합니다. 체크하지 않은 값은 Deployment 환경변수로 저장합니다. Secret을 체크하면 Kubernetes Secret에 저장하고 secretKeyRef로 연결합니다. 체크하지 않은 값은 Deployment 환경변수로 저장합니다.
</p> </p>
<div className="overflow-x-auto rounded-md border border-border"> <div className="rounded-md border border-border">
<table className="w-full min-w-[820px] text-left text-sm"> <table className="w-full table-fixed text-left text-sm">
<colgroup>
<col className="w-[26%]" />
<col />
<col className="w-20" />
<col className="w-20" />
<col className="w-12" />
</colgroup>
<thead className="border-b border-border bg-muted/30 text-xs text-muted-foreground"> <thead className="border-b border-border bg-muted/30 text-xs text-muted-foreground">
<tr> <tr>
<th className="px-4 py-3 font-medium">Key</th> <th className="px-3 py-3 font-medium">Key</th>
<th className="px-4 py-3 font-medium">Value</th> <th className="px-3 py-3 font-medium">Value</th>
<th className="w-24 px-4 py-3 font-medium">Secret</th> <th className="px-3 py-3 font-medium">Secret</th>
<th className="w-24 px-4 py-3 font-medium">Source</th> <th className="px-3 py-3 font-medium">Source</th>
<th className="w-16 px-4 py-3 font-medium"></th> <th className="px-2 py-3 font-medium"></th>
</tr> </tr>
</thead> </thead>
<tbody className="divide-y divide-border"> <tbody className="divide-y divide-border">
@@ -436,24 +443,24 @@ export function LauncherComponentsPage() {
) : null} ) : null}
{!envLoading && envVariables.map((variable, index) => ( {!envLoading && envVariables.map((variable, index) => (
<tr key={`${variable.key}-${index}`}> <tr key={`${variable.key}-${index}`}>
<td className="px-4 py-3"> <td className="min-w-0 px-3 py-2.5">
<input <input
className="h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-60" className="h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 font-mono text-xs outline-none focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-60"
value={variable.key} value={variable.key}
disabled={!variable.editable} disabled={!variable.editable}
onChange={(event) => updateEnvVariable(index, { key: event.target.value })} onChange={(event) => updateEnvVariable(index, { key: event.target.value })}
/> />
</td> </td>
<td className="px-4 py-3"> <td className="min-w-0 px-3 py-2.5">
<input <input
className="h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-60" className="h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 font-mono text-xs outline-none focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-60"
value={variable.value} value={variable.value}
disabled={!variable.editable} disabled={!variable.editable}
onChange={(event) => updateEnvVariable(index, { value: event.target.value })} onChange={(event) => updateEnvVariable(index, { value: event.target.value })}
/> />
</td> </td>
<td className="px-4 py-3"> <td className="px-3 py-2.5">
<label className="inline-flex items-center gap-2 text-xs text-muted-foreground"> <label className="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
<input <input
type="checkbox" type="checkbox"
className="size-4 accent-primary" className="size-4 accent-primary"
@@ -464,10 +471,10 @@ export function LauncherComponentsPage() {
Secret Secret
</label> </label>
</td> </td>
<td className="px-4 py-3"> <td className="px-3 py-2.5">
<Badge tone={variable.editable ? 'blue' : 'neutral'}>{variable.source}</Badge> <Badge tone={variable.editable ? 'blue' : 'neutral'}>{variable.source}</Badge>
</td> </td>
<td className="px-4 py-3"> <td className="px-2 py-2.5">
<Button <Button
variant="outline" variant="outline"
className="size-8 px-0" className="size-8 px-0"