ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-09 02:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend indentation set to 2

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-21 17:47:04 +00:00
parent 70504b3056
commit 5a5e40659c
117 changed files with 7548 additions and 7785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
packages/frontend/src/components/issue-timer.tsx
View File

@@ -7,71 +7,67 @@ import { parseError } from "@/lib/server";
import { cn, formatTime } from "@/lib/utils";
export function IssueTimer({ issueId, onEnd }: { issueId: number; onEnd?: (data: TimerState) => void }) {
const { data: timerState, error } = useTimerState(issueId);
const toggleTimer = useToggleTimer();
const endTimer = useEndTimer();
const [tick, setTick] = useState(0);
const [errorMessage, setErrorMessage] = useState<string | null>(null);
const { data: timerState, error } = useTimerState(issueId);
const toggleTimer = useToggleTimer();
const endTimer = useEndTimer();
const [tick, setTick] = useState(0);
const [errorMessage, setErrorMessage] = useState<string | null>(null);
useEffect(() => {
if (!timerState?.isRunning) return;
useEffect(() => {
if (!timerState?.isRunning) return;
const interval = setInterval(() => {
setTick((t) => t + 1);
}, 1000);
const interval = setInterval(() => {
setTick((t) => t + 1);
}, 1000);
return () => clearInterval(interval);
}, [timerState?.isRunning]);
return () => clearInterval(interval);
}, [timerState?.isRunning]);
useEffect(() => {
if (!error) return;
setErrorMessage(parseError(error as Error));
}, [error]);
useEffect(() => {
if (!error) return;
setErrorMessage(parseError(error as Error));
}, [error]);
void tick;
const displayTime = getWorkTimeMs(timerState?.timestamps);
void tick;
const displayTime = getWorkTimeMs(timerState?.timestamps);
const handleToggle = async () => {
try {
await toggleTimer.mutateAsync({ issueId });
setErrorMessage(null);
} catch (err) {
setErrorMessage(parseError(err as Error));
}
};
const handleToggle = async () => {
try {
await toggleTimer.mutateAsync({ issueId });
setErrorMessage(null);
} catch (err) {
setErrorMessage(parseError(err as Error));
}
};
const handleEnd = async () => {
try {
const data = await endTimer.mutateAsync({ issueId });
if (data) {
onEnd?.(data);
}
setErrorMessage(null);
} catch (err) {
setErrorMessage(parseError(err as Error));
}
};
const handleEnd = async () => {
try {
const data = await endTimer.mutateAsync({ issueId });
if (data) {
onEnd?.(data);
}
setErrorMessage(null);
} catch (err) {
setErrorMessage(parseError(err as Error));
}
};
return (
<div className="flex flex-col items-center gap-4">
<div className={cn("text-6xl", !timerState?.isRunning && "text-muted-foreground")}>
{formatTime(displayTime)}
</div>
return (
<div className="flex flex-col items-center gap-4">
<div className={cn("text-6xl", !timerState?.isRunning && "text-muted-foreground")}>
{formatTime(displayTime)}
</div>
{errorMessage && <p className="text-red-500 text-sm">{errorMessage}</p>}
{errorMessage && <p className="text-red-500 text-sm">{errorMessage}</p>}
<div className="flex gap-4">
<Button onClick={handleToggle}>
{!timerState ? "Start" : timerState.isRunning ? "Pause" : "Resume"}
</Button>
<Button
onClick={handleEnd}
variant="outline"
disabled={!timerState || timerState.endedAt != null}
>
End
</Button>
</div>
</div>
);
<div className="flex gap-4">
<Button onClick={handleToggle}>
{!timerState ? "Start" : timerState.isRunning ? "Pause" : "Resume"}
</Button>
<Button onClick={handleEnd} variant="outline" disabled={!timerState || timerState.endedAt != null}>
End
</Button>
</div>
</div>
);
}