diff --git a/client/public/icons.svg b/client/public/icons.svg index 1eb082d..4d07633 100644 --- a/client/public/icons.svg +++ b/client/public/icons.svg @@ -70,4 +70,28 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/client/src/Icon.tsx b/client/src/Icon.tsx index 29510af..6c96531 100644 --- a/client/src/Icon.tsx +++ b/client/src/Icon.tsx @@ -16,6 +16,11 @@ export const ICON_ID = { OPEN_IN_NEW_WINDOW: "open-in-new-window", SAVE: "save", DELETE: "delete", + PLAY_ARROW: "play-arrow", + PAUSE: "pause", + STOP: "stop", + TIMER: "timer", + TIMER_FILLED: "timer-filled", } as const; export type IconId = (typeof ICON_ID)[keyof typeof ICON_ID]; diff --git a/client/src/Navigation.tsx b/client/src/Navigation.tsx index 498b0fd..76e7626 100644 --- a/client/src/Navigation.tsx +++ b/client/src/Navigation.tsx @@ -22,7 +22,7 @@ export default function Navigation(properties: VoidProps - + @@ -32,6 +32,15 @@ export default function Navigation(properties: VoidPropsTimes + + + + + + + Timer + + {/* Any way to avoid drawing a box around the icon? */}