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

polish launcher and app component tables

Browse Source
This commit is contained in:
chyoo
2026-07-02 15:03:13 +09:00
parent d226230b25
commit 25dd90076f
2 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/applications/AppManagementPage.tsx
+3 -12
View File
@@ -838,14 +838,13 @@ export function AppManagementPage() {
}
/>
<div className="max-h-[430px] overflow-x-auto overflow-y-auto">
<table className="w-full min-w-[1180px] text-left text-sm">
<table className="w-full min-w-[980px] text-left text-sm">
<thead className="border-b border-border text-xs text-muted-foreground">
<tr>
<th className="px-5 py-3 font-medium">구성요소</th>
<th className="px-5 py-3 font-medium">역할</th>
<th className="px-5 py-3 font-medium">유형</th>
<th className="px-5 py-3 font-medium">워크로드</th>
<th className="px-5 py-3 font-medium">이미지/산출물</th>
<th className="px-5 py-3 font-medium">포트</th>
<th className="px-5 py-3 font-medium">소스</th>
<th className="w-24 px-5 py-3 text-right font-medium">관리</th>
@@ -854,8 +853,6 @@ export function AppManagementPage() {
<tbody className="divide-y divide-border">
{!isAppsLoading && (selectedApp.components ?? []).map((component) => {
const running = isComponentRunning(component, runtimeResources);
const latestBuildResult = component.buildJobs?.[0]?.image || component.buildJobs?.[0]?.artifact || '';
const imageResult = component.externalImage || latestBuildResult;
const imageSourceLabel = component.imageSource === 'EXTERNAL' ? '외부 이미지' : component.imageSource === 'DATABASE' ? 'DB 이미지' : '소스 빌드';
return (
<tr key={component.name} className="hover:bg-muted/20">
@@ -869,13 +866,7 @@ export function AppManagementPage() {
<td className="px-5 py-3 text-muted-foreground">{imageSourceLabel}</td>
<td className="px-5 py-3">{component.type}</td>
<td className="px-5 py-3 text-muted-foreground">
<span className="inline-flex items-center gap-2">
{component.workloadType ?? '-'}
{component.storageEnabled ? <Badge tone="amber">스토리지</Badge> : null}
</span>
</td>
<td className="max-w-[280px] px-5 py-3 text-muted-foreground">
<span className="block truncate font-mono text-xs">{imageResult || '-'}</span>
{component.workloadType ?? '-'}
</td>
<td className="max-w-[220px] px-5 py-3 text-muted-foreground">
<span className="block truncate">{formatComponentPorts(component)}</span>
@@ -904,7 +895,7 @@ export function AppManagementPage() {
})}
{!isAppsLoading && (selectedApp.components ?? []).length === 0 ? (
<tr>
<td colSpan={8} className="px-5 py-6 text-center text-muted-foreground">등록된 구성요소가 없습니다.</td>
<td colSpan={7} className="px-5 py-6 text-center text-muted-foreground">등록된 구성요소가 없습니다.</td>
</tr>
) : null}
</tbody>