ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 10:33:01 +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

86
packages/frontend/src/components/timer-display.tsx
View File

@@ -9,59 +9,59 @@ const FALLBACK_TIME = "--:--:--";
const REFRESH_INTERVAL_MS = 10000;
export function getWorkTimeMs(timestamps: string[] | undefined): number {
if (!timestamps?.length) return 0;
const dates = timestamps.map((t) => new Date(t));
return calculateWorkTimeMs(dates);
if (!timestamps?.length) return 0;
const dates = timestamps.map((t) => new Date(t));
return calculateWorkTimeMs(dates);
}
export function TimerDisplay({ issueId }: { issueId: number }) {
const { data: timerState, error: timerError } = useTimerState(issueId, {
refetchInterval: REFRESH_INTERVAL_MS,
});
const { data: inactiveTimers = [], error: inactiveError } = useInactiveTimers(issueId, {
refetchInterval: REFRESH_INTERVAL_MS,
});
const { data: timerState, error: timerError } = useTimerState(issueId, {
refetchInterval: REFRESH_INTERVAL_MS,
});
const { data: inactiveTimers = [], error: inactiveError } = useInactiveTimers(issueId, {
refetchInterval: REFRESH_INTERVAL_MS,
});
const [tick, setTick] = useState(0);
const [error, setError] = useState<string | null>(null);
const [tick, setTick] = useState(0);
const [error, setError] = useState<string | null>(null);
const combinedError = timerError ?? inactiveError;
const combinedError = timerError ?? inactiveError;
useEffect(() => {
if (combinedError) {
const message = parseError(combinedError as Error);
setError(message);
toast.error(`Error fetching timer data: ${message}`, {
dismissible: false,
});
return;
}
setError(null);
}, [combinedError]);
useEffect(() => {
if (combinedError) {
const message = parseError(combinedError as Error);
setError(message);
toast.error(`Error fetching timer data: ${message}`, {
dismissible: false,
});
return;
}
setError(null);
}, [combinedError]);
useEffect(() => {
if (!timerState?.isRunning) return;
useEffect(() => {
if (!timerState?.isRunning) return;
const interval = window.setInterval(() => {
setTick((t) => t + 1);
}, 1000);
const interval = window.setInterval(() => {
setTick((t) => t + 1);
}, 1000);
return () => window.clearInterval(interval);
}, [timerState?.isRunning]);
return () => window.clearInterval(interval);
}, [timerState?.isRunning]);
const inactiveWorkTimeMs = useMemo(
() => inactiveTimers.reduce((total, session) => total + getWorkTimeMs(session?.timestamps), 0),
[inactiveTimers],
);
const inactiveWorkTimeMs = useMemo(
() => inactiveTimers.reduce((total, session) => total + getWorkTimeMs(session?.timestamps), 0),
[inactiveTimers],
);
void tick;
const currentWorkTimeMs = getWorkTimeMs(timerState?.timestamps);
const totalWorkTimeMs = inactiveWorkTimeMs + currentWorkTimeMs;
const displayWorkTime = error ? FALLBACK_TIME : formatTime(totalWorkTimeMs);
void tick;
const currentWorkTimeMs = getWorkTimeMs(timerState?.timestamps);
const totalWorkTimeMs = inactiveWorkTimeMs + currentWorkTimeMs;
const displayWorkTime = error ? FALLBACK_TIME : formatTime(totalWorkTimeMs);
return (
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<span className="font-mono tabular-nums">{displayWorkTime}</span>
</div>
);
return (
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<span className="font-mono tabular-nums">{displayWorkTime}</span>
</div>
);
}