improve launcher management screens

2026-07-03 17:18:47 +09:00
parent c6e99b1efc
commit 461c81a142
4 changed files with 455 additions and 67 deletions
@@ -25,10 +25,7 @@ type SourceTarget = 'launcher-client' | 'launcher-backend';

 type SourceForm = {
  repository: string;
-  branch: string;
-  commitSha: string;
  image: string;
-  dockerfile: string;
 };

 const targetLabels: Record<SourceTarget, { title: string; description: string; defaultOrg: string }> = {
@@ -74,10 +71,7 @@ function sshCloneUrl(repository?: string | null, fallbackOrg?: string) {
 function emptyForm(): SourceForm {
  return {
    repository: '',
-    branch: 'release',
-    commitSha: '',
-    image: 'localhost:5000/studio-launcher-be',
-    dockerfile: 'Dockerfile'
+    image: 'localhost:5000/studio-launcher-be'
  };
 }

@@ -135,6 +129,7 @@ export function LauncherSourcePage() {
  const [loading, setLoading] = useState(true);
  const [saving, setSaving] = useState(false);
  const loadingVisible = useMinimumLoading(loading);
+  const sourceBranch = 'develop';

  const activeVersion = useMemo(() => versions.find((version) => version.isActive) ?? versions[0], [versions]);
  const activeForm = forms[activeTarget];
@@ -164,17 +159,11 @@ export function LauncherSourcePage() {
        setForms({
          'launcher-client': {
            repository: clientRepository,
-            branch: sourceResult.source.client?.branch ?? sourceResult.source.branch ?? nextVersion?.branch ?? 'release',
-            commitSha: sourceResult.source.client?.commitSha ?? sourceResult.source.commitSha ?? nextVersion?.commitSha ?? '',
-            image: '',
-            dockerfile: ''
+            image: ''
          },
          'launcher-backend': {
            repository: backendRepository,
-            branch: sourceResult.source.backend?.branch ?? 'release',
-            commitSha: sourceResult.source.backend?.commitSha ?? '',
-            image: sourceResult.source.backend?.image ?? 'localhost:5000/studio-launcher-be',
-            dockerfile: sourceResult.source.backend?.dockerfile ?? 'Dockerfile'
+            image: sourceResult.source.backend?.image ?? 'localhost:5000/studio-launcher-be'
          }
        });
      })
@@ -199,7 +188,7 @@ export function LauncherSourcePage() {
    let canceled = false;
    setCommitsLoading(true);
    setCommitsError('');
-    listGiteaCommits(repository.owner, repository.repo, activeForm.branch || 'develop', 5)
+    listGiteaCommits(repository.owner, repository.repo, sourceBranch, 5)
      .then((nextCommits) => {
        if (!canceled) setCommits(nextCommits);
      })
@@ -216,7 +205,7 @@ export function LauncherSourcePage() {
    return () => {
      canceled = true;
    };
-  }, [activeForm.repository, activeForm.branch, activeTargetMeta.defaultOrg]);
+  }, [activeForm.repository, activeTargetMeta.defaultOrg, sourceBranch]);

  const save = () => {
    if (!activeForm.repository.trim()) return;
@@ -224,10 +213,10 @@ export function LauncherSourcePage() {
    updateLauncherSource({
      target: activeTarget,
      repository: activeForm.repository.trim(),
-      branch: activeForm.branch.trim() || undefined,
-      commitSha: activeForm.commitSha.trim() || undefined,
+      branch: sourceBranch,
+      commitSha: '',
      image: activeTarget === 'launcher-backend' ? activeForm.image.trim() || undefined : undefined,
-      dockerfile: activeTarget === 'launcher-backend' ? activeForm.dockerfile.trim() || undefined : undefined
+      dockerfile: activeTarget === 'launcher-backend' ? 'Dockerfile' : undefined
    })
      .then(() => {
        toast({ type: 'success', title: '소스 연결', message: `${activeTargetMeta.title} 소스 연결을 저장했습니다.` });
@@ -287,30 +276,13 @@ export function LauncherSourcePage() {
                {repos.map((repo) => <option key={repoFullName(repo)} value={repoFullName(repo)} />)}
              </datalist>
            </label>
-            <label className="block">
-              <span className="text-xs font-medium text-muted-foreground">브랜치</span>
-              <select
-                className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring"
-                value={activeForm.branch}
-                onChange={(event) => updateForm({ branch: event.target.value })}
-              >
-                <option value="develop">develop</option>
-                <option value="release">release</option>
-                <option value="main">main</option>
-              </select>
-            </label>
-            <label className="block md:col-span-3">
-              <span className="text-xs font-medium text-muted-foreground">Commit SHA</span>
-              <input
-                className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-sm text-foreground outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring"
-                value={activeForm.commitSha}
-                onChange={(event) => updateForm({ commitSha: event.target.value })}
-                placeholder="비워두면 브랜치 최신 커밋 기준"
-              />
-            </label>
+            <div className="rounded-md border border-border bg-muted/20 px-3 py-2">
+              <p className="text-xs font-medium text-muted-foreground">빌드 기준</p>
+              <p className="mt-1 text-sm font-medium text-foreground">develop 최신 성공 빌드</p>
+            </div>
            {activeTarget === 'launcher-backend' ? (
              <>
-                <label className="block md:col-span-2">
+                <label className="block md:col-span-3">
                  <span className="text-xs font-medium text-muted-foreground">이미지 이름</span>
                  <input
                    className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-sm text-foreground outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring"
@@ -319,21 +291,12 @@ export function LauncherSourcePage() {
                    placeholder="localhost:5000/studio-launcher-be"
                  />
                </label>
-                <label className="block">
-                  <span className="text-xs font-medium text-muted-foreground">Dockerfile</span>
-                  <input
-                    className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-sm text-foreground outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring"
-                    value={activeForm.dockerfile}
-                    onChange={(event) => updateForm({ dockerfile: event.target.value })}
-                    placeholder="Dockerfile"
-                  />
-                </label>
              </>
            ) : null}
            <div className="flex justify-end md:col-span-3">
              <Button onClick={save} disabled={!activeForm.repository.trim() || saving}>
                <Link2 className="size-4" />
-                저장
+                저장소 연결 저장
              </Button>
            </div>
          </div>
@@ -377,10 +340,7 @@ export function LauncherSourcePage() {
      </div>

      <Card className="mt-4 min-w-0 overflow-hidden">
-        <CardHeader
-          title="최근 커밋"
-          description={`${activeTargetMeta.title} 저장소의 ${activeForm.branch || 'develop'} 브랜치 기준 최근 5개 커밋입니다.`}
-        />
+        <CardHeader title="최근 커밋" description={`${activeTargetMeta.title} 저장소의 develop 브랜치 기준 최근 5개 커밋입니다.`} />
        <div className="overflow-x-auto">
          <table className="min-w-[760px] w-full text-left text-sm">
            <thead className="border-y border-border bg-muted/30 text-xs text-muted-foreground">