From 9d5a9f8c80cb73cf5023a0cd67ed8b85532cb3fb Mon Sep 17 00:00:00 2001
From: Josh <102478723+realjoshuau@users.noreply.github.com>
Date: Fri, 22 Dec 2023 11:10:06 -0800
Subject: [PATCH] bruh

---
 apps/mobile/app/index.tsx                 | 29 ++++++------
 apps/mobile/app/scouting.tsx              |  7 ++-
 apps/mobile/components/settings/schema.ts | 55 +++++++++++++++++++++++
 apps/mobile/package.json                  |  5 ++-
 apps/mobile/utils/deepFreeze.ts           | 16 +++++++
 pnpm-lock.yaml                            | 12 +++++
 6 files changed, 109 insertions(+), 15 deletions(-)
 create mode 100644 apps/mobile/components/settings/schema.ts
 create mode 100644 apps/mobile/utils/deepFreeze.ts

diff --git a/apps/mobile/app/index.tsx b/apps/mobile/app/index.tsx
index 629facf..eda9799 100644
--- a/apps/mobile/app/index.tsx
+++ b/apps/mobile/app/index.tsx
@@ -62,26 +62,22 @@ export default function App() {
   const handleBarCodeScanned = ({ type, data }) => {
     setScanned(true);
     alert(`Bar code with type ${type} and data ${data} has been scanned!`);
+    setTimeout(() => {
+      setScanned(false);
+    }, 5000);
   };
 
   return (
     <View style={styles.container}>
       <Text>Attendance!</Text>
-      <Image
-        style={{
-          width: 120,
-          height: 120,
-        }}
-        source={{
-          uri: 'https://i.imgur.com/7JX0ZSv.png',
-        }}
-      />
       {/* <HomeIcon style={{ fontSize: 64 }} /> */}
       {/* <HomeScreen /> */}
-      <BarCodeScanner
-        onBarCodeScanned={scanned ? undefined : handleBarCodeScanned}
-        style={StyleSheet.absoluteFillObject}
-      />
+      <View style={styles.qrCodeContainer}>
+        <BarCodeScanner
+          onBarCodeScanned={scanned ? undefined : handleBarCodeScanned}
+          style={StyleSheet.absoluteFillObject}
+        />
+      </View>
       <Text>Has permission: {hasPermission.toString()}</Text>
 
       {scanned && <Button title={'Tap to Scan Again'} onPress={() => setScanned(false)} />}
@@ -96,4 +92,11 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  // Centered QR code container, with a fixed size
+  qrCodeContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 200,
+    height: 200,
+  },
 });
diff --git a/apps/mobile/app/scouting.tsx b/apps/mobile/app/scouting.tsx
index 5540035..2909f25 100644
--- a/apps/mobile/app/scouting.tsx
+++ b/apps/mobile/app/scouting.tsx
@@ -3,7 +3,7 @@ import type { TeamEventResponse } from '@acme/tba/team';
 import { StatusBar } from 'expo-status-bar';
 import { useState } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
-import { Button } from 'tamagui';
+import { Button, Progress } from 'tamagui';
 
 import { API_URL } from '../constants';
 
@@ -44,6 +44,11 @@ export default function App() {
   return (
     <View style={styles.container}>
       <Text style={styles.title}>Scouting</Text>
+      {events.length === 0 && (
+        <>
+          <Text>Loading...</Text>
+        </>
+      )}
       {events.map((event) => {
         return (
           <View key={event.key}>
diff --git a/apps/mobile/components/settings/schema.ts b/apps/mobile/components/settings/schema.ts
new file mode 100644
index 0000000..6c5617e
--- /dev/null
+++ b/apps/mobile/components/settings/schema.ts
@@ -0,0 +1,55 @@
+import { deepFreeze } from '../../utils/deepFreeze';
+
+export const SettingsSchemaVersion = 1;
+
+export enum PushNotificationSound {
+  default = 'Default',
+  chime = 'Chime',
+  special_chime_f1 = 'Chime (1)', // The f1 radio chime
+  special_chime_otv = 'Chime (2)', // OfflineTV's chime
+  none = 'None',
+}
+
+export type UserSettingsSchema = {
+  pushNotificationsGlobal: boolean;
+  pushNotificationsSound: PushNotificationSound;
+  pushNotifications: {
+    upcomingMatches: boolean;
+    allianceSelection: boolean;
+    matchScorePublish: boolean;
+    upcomingScouting: boolean;
+    pageNotifications: boolean;
+    accountNotifications: boolean;
+  };
+  darkMode: boolean;
+  _meta: {
+    version: number; // Schema version. Increment when changing schema.
+  };
+};
+
+export const DefaultUserSettings: Readonly<UserSettingsSchema> = {
+  pushNotificationsGlobal: true,
+  pushNotificationsSound: PushNotificationSound.default,
+  pushNotifications: {
+    upcomingMatches: true,
+    allianceSelection: true,
+    matchScorePublish: true,
+    upcomingScouting: true,
+    pageNotifications: true,
+    accountNotifications: true,
+  },
+  darkMode: false,
+  _meta: {
+    version: SettingsSchemaVersion,
+  },
+};
+
+if (process.env.NODE_ENV !== 'production') {
+  deepFreeze(DefaultUserSettings);
+
+  // Check that DefaultUserSettings is actually immutable
+  DefaultUserSettings.pushNotifications.upcomingMatches = false;
+  if (!DefaultUserSettings.pushNotifications.upcomingMatches) {
+    throw new Error('DefaultUserSettings is not immutable!');
+  }
+}
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index d330daf..c5e57e8 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -12,7 +12,9 @@
     "ios": "expo start --ios",
     "web": "expo start --web",
     "eas-build-pre-install": "npm install --global pnpm@7.x",
-    "eas-build-post-install": "pnpm run -w build:mobile"
+    "eas-build-post-install": "pnpm run -w build:mobile",
+    "check:expo": "expo diagnostics -w"
+
   },
   "dependencies": {
     "@tamagui/font-inter": "^1.78.0",
@@ -29,6 +31,7 @@
     "expo-updates": "~0.18.10",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-hook-form": "^7.48.2",
     "react-native": "0.72.4",
     "react-native-gesture-handler": "~2.12.0",
     "react-native-prompt": "^1.0.0",
diff --git a/apps/mobile/utils/deepFreeze.ts b/apps/mobile/utils/deepFreeze.ts
new file mode 100644
index 0000000..f9cdc79
--- /dev/null
+++ b/apps/mobile/utils/deepFreeze.ts
@@ -0,0 +1,16 @@
+export function deepFreeze<T>(object: T): Readonly<T> {
+  // Retrieve the property names defined on object
+  const propNames = Object.getOwnPropertyNames(object);
+
+  // Freeze properties before freezing self
+  for (const name of propNames) {
+    // @ts-expect-error
+    const value = object[name];
+
+    if ((value && typeof value === 'object') || typeof value === 'function') {
+      deepFreeze(value);
+    }
+  }
+
+  return Object.freeze(object);
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fde5326..7e5a974 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -55,6 +55,9 @@ importers:
       react-dom:
         specifier: 18.2.0
         version: 18.2.0(react@18.2.0)
+      react-hook-form:
+        specifier: ^7.48.2
+        version: 7.48.2(react@18.2.0)
       react-native:
         specifier: 0.72.4
         version: 0.72.4(@babel/core@7.23.3)(react@18.2.0)
@@ -9350,6 +9353,15 @@ packages:
       shallowequal: 1.1.0
     dev: false
 
+  /react-hook-form@7.48.2(react@18.2.0):
+    resolution: {integrity: sha512-H0T2InFQb1hX7qKtDIZmvpU1Xfn/bdahWBN1fH19gSe4bBEqTfmlr7H3XWTaVtiK4/tpPaI1F3355GPMZYge+A==}
+    engines: {node: '>=12.22.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: false