toggle diagram clock state

src/pages/Chessboard.container.tsx

@@ -11,6 +11,7 @@ const ChessboardContainer = () => {
 			handleClearGame={chessGameProps.handleClearGame}
 			handleSavePgn={chessGameProps.handleSavePgn}
 			handleSavePdf={chessGameProps.handleSavePdf}
+			handleToggleClock={chessGameProps.handleToggleClock}
 			fileInputRef={chessGameProps.fileInputRef}
 		/>
 	);

src/pages/Chessboard.tsx

@@ -10,6 +10,7 @@ interface IProps {
 	handleClearGame: () => void;
 	handleSavePgn: () => void;
 	handleSavePdf: () => void;
+	handleToggleClock: () => void;
 	fileInputRef: RefObject<HTMLInputElement | null>;
 }
 
@@ -19,6 +20,7 @@ const Chessboard = ({
 	handleClearGame,
 	handleSavePgn,
 	handleSavePdf,
+	handleToggleClock,
 	fileInputRef,
 }: IProps) => {
 	return (
@@ -60,6 +62,15 @@ const Chessboard = ({
 				</button>
 			</div>
 			<PgnViewer gamePgn={gameState.pgn || ""} />
+			<label htmlFor="diagram-clock">
+				Render Clock Times
+				<input
+					id="diagram-clock"
+					name="diagram-clock"
+					type="checkbox"
+					onChange={handleToggleClock}
+				/>
+			</label>
 		</main>
 	);
 };