Add global progress bar for ongoing timer - 1.175 🚀

Closes #182

App.tsx

@@ -9,6 +9,7 @@ import {
   MD3DarkTheme as PaperDarkTheme,
   MD3LightTheme as PaperDefaultTheme,
   Provider as PaperProvider,
+  ProgressBar,
   Snackbar,
 } from "react-native-paper";
 import MaterialIcon from "react-native-vector-icons/MaterialCommunityIcons";
@@ -18,6 +19,8 @@ import { emitter } from "./emitter";
 import { TOAST } from "./toast";
 import { ThemeContext } from "./use-theme";
 import AppStack from "./AppStack";
+import useTimer from "./use-timer";
+import { TickEvent } from "./TimerPage";
 
 export const CombinedDefaultTheme = {
   ...NavigationDefaultTheme,
@@ -42,6 +45,7 @@ const App = () => {
   const [initialized, setInitialized] = useState(false);
   const [snackbar, setSnackbar] = useState("");
   const [appTheme, setAppTheme] = useState("system");
+  const [progress, setProgress] = useState(0);
 
   const [lightColor, setLightColor] = useState<string>(
     CombinedDefaultTheme.colors.primary
@@ -60,13 +64,15 @@ const App = () => {
       if (settings.darkColor) setDarkColor(settings.darkColor);
       setInitialized(true);
     })();
-    const description = emitter.addListener(
+    const descriptions = [
-      TOAST,
+      emitter.addListener(TOAST, ({ value }: { value: string }) => {
-      ({ value }: { value: string }) => {
         setSnackbar(value);
-      }
+      }),
-    );
+      emitter.addListener("tick", (event: TickEvent) => {
-    return description.remove;
+        setProgress((Number(event.minutes) * 60 + Number(event.seconds)) / 210);
+      }),
+    ];
+    return () => descriptions.forEach((description) => description.remove());
   }, []);
 
   const paperTheme = useMemo(() => {
@@ -122,6 +128,8 @@ const App = () => {
       >
         {snackbar}
       </Snackbar>
+
+      {progress > 0 && <ProgressBar progress={progress} />}
     </PaperProvider>
   );
 };

android/app/build.gradle

@@ -85,8 +85,8 @@ android {
         applicationId "com.massive"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 36200
+        versionCode 36201
-        versionName "1.174"
+        versionName "1.175"
     }
     signingConfigs {
         release {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "massive",
-  "version": "1.174",
+  "version": "1.175",
   "private": true,
   "license": "GPL-3.0-only",
   "scripts": {