boomjacky/berlin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace mocked time with injected clock prop and implement conversion logic

Browse Source
This commit is contained in:
Loic Coenen
2026-06-24 16:54:57 +02:00
committed by Loic Coenen (aider)
parent 88ce663b44
commit 2c84312947
7 changed files with 117 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/containers/BerlinClock.tsx
View File

@@ -1,49 +1,24 @@
import { useState } from 'react';
import { Lamp } from '../components/Lamp';
import { LampLine } from '../components/LampLine';
import { useCurrentTime } from '../hooks/useCurrentTime';
import { dateToBerlin } from '../utils';
import { Lamp } from "../components/Lamp";
import { LampLine } from "../components/LampLine";
import type { BerlinClock as BerlinClockType } from "../types";
interface BerlinClockProps {
enabled: boolean;
clock: BerlinClockType;
}
export function BerlinClock({ enabled }: BerlinClockProps) {
const { currentTime } = useCurrentTime();
const berlin = dateToBerlin(currentTime);
export function BerlinClock({ enabled, clock }: BerlinClockProps) {
if (!enabled) return null;
return (
<div>
{/* Seconds lamp */}
<div data-testid="seconds-lamp">
{berlin.secondsRow.length > 0 && (
<span data-testid="lamp-0" aria-label={berlin.secondsRow[0]}>
{/* optional visual */}
</span>
)}
</div>
{/* Five hours row */}
<div data-testid="five-hours-row">
<LampLine states={berlin.fiveHours} />
</div>
{/* Single hours row */}
<div data-testid="single-hours-row">
<LampLine states={berlin.oneHour} />
</div>
{/* Five minutes row */}
<div data-testid="five-minutes-row">
<LampLine states={berlin.fiveMinutes} />
</div>
{/* Single minutes row */}
<div data-testid="single-minutes-row">
<LampLine states={berlin.oneMinute} />
<div data-testid="seconds-row">
<Lamp state={clock.secondsRow[0]} id="seconds-lamp" />
</div>
<LampLine states={clock.fiveHours} rowTestId="five-hours-row" />
<LampLine states={clock.oneHour} rowTestId="single-hours-row" />
<LampLine states={clock.fiveMinutes} rowTestId="five-minutes-row" />
<LampLine states={clock.oneMinute} rowTestId="single-minutes-row" />
</div>
);
}