Show the remaining time in document title

Malanius · Feb 21, 2020 · 461beab · 461beab
1 parent 8b15dbb
commit 461beab
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/Timer.re b/src/Timer.re
@@ -24,6 +24,12 @@ let formatTime = seconds => {
   minString ++ ":" ++ secondsString;
 };
 
+let updateTitle: string => unit = [%bs.raw
+  {|
+  (remaining) => {document.title = "⏰ " + remaining + " ⏰"}
+|}
+];
+
 [@react.component]
 let make = () => {
   let (state, dispatch) =
@@ -35,7 +41,11 @@ let make = () => {
         | Reset => {...state, seconds: 30}
         | Tick =>
           state.isTicking && state.seconds > 0
-            ? {...state, seconds: state.seconds - 1} : state
+            ? {
+              updateTitle(formatTime(state.seconds - 1));
+              {...state, seconds: state.seconds - 1};
+            }
+            : state
         },
       {isTicking: false, seconds: 30},
     );