root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-4228): complete Step 1 — render spinner during save

Browse Source 
Fusion-Task-Id: FN-4228
Fusion-Task-Lineage: 86a2aac1-a45f-4cb0-b004-a95db3676355
This commit is contained in:
Fusion
2026-05-13 01:01:46 -07:00
committed by gsxdsm
parent 72a6e266b5
commit 373eb33cc1
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/dashboard/app/components/TaskDetailModal.tsx
View File

@@ -1,6 +1,6 @@
import "./TaskDetailModal.css"; import "./TaskDetailModal.css";
import React, { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react"; import React, { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
import { Pencil, Bot, X, ChevronDown, ChevronRight, GitBranch, ArrowLeft, Zap } from "lucide-react"; import { Pencil, Bot, X, ChevronDown, ChevronRight, GitBranch, ArrowLeft, Zap, Loader2 } from "lucide-react";
import { useModalResizePersist } from "../hooks/useModalResizePersist"; import { useModalResizePersist } from "../hooks/useModalResizePersist";
import { useMobileScrollLock } from "../hooks/useMobileScrollLock"; import { useMobileScrollLock } from "../hooks/useMobileScrollLock";
import { useOverlayDismiss } from "../hooks/useOverlayDismiss"; import { useOverlayDismiss } from "../hooks/useOverlayDismiss";
@@ -2415,17 +2415,27 @@ export function TaskDetailContent({
</span> </span>
)} )}
</div> </div>
{showInlineGithubTrackingEnableButton && ( {showInlineGithubTrackingEnableButton && !isSavingGithubTracking && (
<button <button
type="button" type="button"
className="btn btn-sm btn-primary detail-github-tracking-enable" className="btn btn-sm btn-primary detail-github-tracking-enable"
aria-label="Enable GitHub tracking" aria-label="Enable GitHub tracking"
onClick={() => void handleToggleGithubTracking()} onClick={() => void handleToggleGithubTracking()}
disabled={isSavingGithubTracking}
> >
{isSavingGithubTracking ? "Saving…" : "Enable"} Enable
</button> </button>
)} )}
{isSavingGithubTracking && !githubTrackedIssue && (
<span
className="detail-github-tracking-spinner"
role="status"
aria-live="polite"
aria-label="Enabling GitHub tracking"
>
<Loader2 size={16} className="spin" aria-hidden="true" />
<span className="visually-hidden">Enabling GitHub tracking…</span>
</span>
)}
<button <button
type="button" type="button"
className="detail-source-toggle" className="detail-source-toggle"