mirror of
https://github.com/fabro-sh/fabro.git
synced 2026-08-28 05:27:41 +00:00
fabro(01KT749TNV1MD2PYSHX1PB9905): simplify_gpt (succeeded)
Fabro-Run: 01KT749TNV1MD2PYSHX1PB9905 Fabro-Completed: 7 Fabro-Checkpoint: ef5e194533777f9d9b637d697ebbe16ef8707411 ⚒️ Generated with [Fabro](https://fabro.sh)
This commit is contained in:
parent
6f611ab04f
commit
e6568dc8fe
2 changed files with 26 additions and 19 deletions
|
|
@ -1,5 +1,6 @@
|
|||
import type { ReactNode } from "react";
|
||||
import type {
|
||||
Principal,
|
||||
Run,
|
||||
SandboxResources,
|
||||
SandboxState,
|
||||
|
|
@ -50,6 +51,16 @@ function Cell({ label, children }: { label: string; children: ReactNode }) {
|
|||
);
|
||||
}
|
||||
|
||||
function PrincipalValue({ principal }: { principal: Principal }) {
|
||||
const display = principalDisplay(principal);
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
{display.glyph}
|
||||
<span className={VALUE_CLASS}>{display.label}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export interface RunSummaryPanelViewProps {
|
||||
run: Run | null;
|
||||
runLoading: boolean;
|
||||
|
|
@ -126,15 +137,9 @@ export function RunSummaryPanelView({
|
|||
<Cell label="Created by">
|
||||
{runLoading || !run ? (
|
||||
<Skeleton widthClass="w-20" />
|
||||
) : (() => {
|
||||
const created = principalDisplay(run.created_by);
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
{created.glyph}
|
||||
<span className={VALUE_CLASS}>{created.label}</span>
|
||||
</div>
|
||||
);
|
||||
})()}
|
||||
) : (
|
||||
<PrincipalValue principal={run.created_by} />
|
||||
)}
|
||||
</Cell>
|
||||
|
||||
<Cell label="Changes">
|
||||
|
|
|
|||
|
|
@ -12,6 +12,17 @@ import { RowActionsMenu } from "./row-actions-menu";
|
|||
import { SelectionCheckbox } from "./selection-checkbox";
|
||||
import type { ToggleableColumn } from "./toggleable-column";
|
||||
|
||||
function CreatedByCell({ run }: { run: Pick<RunWithStatus, "createdBy"> }) {
|
||||
const creatorDisplay = principalDisplay(run.createdBy);
|
||||
return (
|
||||
<td className="relative z-10 w-8 whitespace-nowrap px-3 py-2.5">
|
||||
<Tooltip label={creatorDisplay.label}>
|
||||
<span aria-label={`Created by ${creatorDisplay.label}`}>{creatorDisplay.glyph}</span>
|
||||
</Tooltip>
|
||||
</td>
|
||||
);
|
||||
}
|
||||
|
||||
function listLifecycleStatusLabel(
|
||||
run: Pick<RunWithStatus, "status" | "statusLabel" | "lifecycleStatusLabel">,
|
||||
): string | null {
|
||||
|
|
@ -52,16 +63,7 @@ export function RunTableRow({
|
|||
<span className={`font-mono text-xs ${statusDisplay.text}`}>{run.statusLabel}</span>
|
||||
</span>
|
||||
</td>
|
||||
{show("created_by") && (() => {
|
||||
const creatorDisplay = principalDisplay(run.createdBy);
|
||||
return (
|
||||
<td className="relative z-10 w-8 whitespace-nowrap px-3 py-2.5">
|
||||
<Tooltip label={creatorDisplay.label}>
|
||||
<span aria-label={`Created by ${creatorDisplay.label}`}>{creatorDisplay.glyph}</span>
|
||||
</Tooltip>
|
||||
</td>
|
||||
);
|
||||
})()}
|
||||
{show("created_by") && <CreatedByCell run={run} />}
|
||||
{show("repo") && (
|
||||
<td className="whitespace-nowrap px-3 py-2.5 font-mono text-xs font-medium text-teal-500">
|
||||
{run.repo}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue