cameleer/cameleer-server
1
0
Fork 0
Code Issues 41 Pull Requests Actions Packages Projects Releases Wiki Activity

ui(deploy): remove redundant HistoryDisclosure from Deployment tab

Browse Source
This commit is contained in:
hsiegeln
2026-04-23 17:13:45 +02:00
parent 9cfe3985d0
commit fe4a6dbf24
2 changed files with 0 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/pages/AppsTab/AppDeploymentPage/DeploymentTab/DeploymentTab.tsx
View File

@@ -3,7 +3,6 @@ import { DeploymentProgress } from '../../../../components/DeploymentProgress';
import { StartupLogPanel } from '../../../../components/StartupLogPanel'; import { StartupLogPanel } from '../../../../components/StartupLogPanel';
import { EmptyState } from '@cameleer/design-system'; import { EmptyState } from '@cameleer/design-system';
import { StatusCard } from './StatusCard'; import { StatusCard } from './StatusCard';
import { HistoryDisclosure } from './HistoryDisclosure';
import styles from '../AppDeploymentPage.module.css'; import styles from '../AppDeploymentPage.module.css';
interface Props { interface Props {
@@ -40,8 +39,6 @@ export function DeploymentTab({ deployments, versions, appSlug, envSlug, externa
)} )}
<StartupLogPanel deployment={latest} appSlug={appSlug} envSlug={envSlug} <StartupLogPanel deployment={latest} appSlug={appSlug} envSlug={envSlug}
className={styles.logFill} /> className={styles.logFill} />
<HistoryDisclosure deployments={deployments} versions={versions}
appSlug={appSlug} envSlug={envSlug} />
</div> </div>
); );
} }

75
ui/src/pages/AppsTab/AppDeploymentPage/DeploymentTab/HistoryDisclosure.tsx
View File

@@ -1,75 +0,0 @@
import { useEffect, useRef, useState } from 'react';
import { DataTable } from '@cameleer/design-system';
import type { Column } from '@cameleer/design-system';
import type { Deployment, AppVersion } from '../../../../api/queries/admin/apps';
import { timeAgo } from '../../../../utils/format-utils';
import { StartupLogPanel } from '../../../../components/StartupLogPanel';
import styles from '../AppDeploymentPage.module.css';
interface Props {
deployments: Deployment[];
versions: AppVersion[];
appSlug: string;
envSlug: string;
}
export function HistoryDisclosure({ deployments, versions, appSlug, envSlug }: Props) {
const [open, setOpen] = useState(false);
const [expanded, setExpanded] = useState<string | null>(null);
const logPanelRef = useRef<HTMLDivElement | null>(null);
const versionMap = new Map(versions.map((v) => [v.id, v]));
useEffect(() => {
if (expanded && logPanelRef.current) {
logPanelRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
}, [expanded]);
const rows = deployments
.slice()
.sort((a, b) => (b.createdAt ?? '').localeCompare(a.createdAt ?? ''));
const columns: Column<Deployment>[] = [
{ key: 'createdAt', header: 'Started', render: (_, d) => timeAgo(d.createdAt) },
{
key: 'appVersionId', header: 'Version',
render: (_, d) => {
const v = versionMap.get(d.appVersionId);
return v ? `v${v.version}` : '?';
},
},
{ key: 'status', header: 'Status' },
{
key: 'deployedAt', header: 'Duration',
render: (_, d) => d.deployedAt && d.createdAt
? `${Math.round((Date.parse(d.deployedAt) - Date.parse(d.createdAt)) / 1000)}s`
: '—',
},
];
return (
<div className={styles.historyRow}>
<button type="button" className={styles.disclosureToggle} onClick={() => setOpen(!open)}>
{open ? '▼' : '▶'} History ({rows.length})
</button>
{open && (
<>
<DataTable
columns={columns}
data={rows}
onRowClick={(row) => setExpanded(expanded === row.id ? null : row.id)}
/>
{expanded && (() => {
const d = rows.find((r) => r.id === expanded);
if (!d) return null;
return (
<div ref={logPanelRef}>
<StartupLogPanel deployment={d} appSlug={appSlug} envSlug={envSlug} />
</div>
);
})()}
</>
)}
</div>
);
}