Login revamp test

.env.test

@@ -0,0 +1,3 @@
+EXPO_PUBLIC_TEST_UID=c0nEyjaOMhItMQTLMY0X
+EXPO_PUBLIC_TEST_NAME=John Doe
+[email protected]

README.md

@@ -45,7 +45,6 @@ Info below subject to change
   - [iOS](https://apps.apple.com/us/app/expo-go/id982107779)
   - [Android](https://play.google.com/store/apps/details?id=host.exp.exponent&hl=en_US&gl=US)
 - `yarn start`
-  - If on OSU school wifi (or any other wifi that doesn't support peer-to-peer), use `yarn start --tunnel`
   - Run app, scan QR code on physical phone
 
 ### Running App on Android Emulator (Windows PC or MacOS)
@@ -58,15 +57,34 @@ Info below subject to change
   - `C:\Users\<username>\AppData\Local\Android\Sdk\emulator\emulator -avd <emulated phone name> -feature -Vulkan`
     - Example: `C:\Users\solde\AppData\Local\Android\Sdk\emulator\emulator -avd Pixel_3a_API_34_extension_level_7_x86_64 -feature -Vulkan`
 - `yarn android` to run the app
-  - If on OSU school wifi (or any other wifi that doesn't support peer-to-peer), use `yarn android --tunnel`
 
 ### Running App in iOS Emulator (MacOS)
 
 - Note that Expo Go will be automatically installed on the emulated mobile device for you
 - Documentation: https://developer.apple.com/documentation/xcode/running-your-app-in-simulator-or-on-a-device
 - Should be more straightforwards than Android, you shouldn't need to use command line to open iOS emulator
 - `yarn ios` to run the app
-  - If on OSU school wifi (or any other wifi that doesn't support peer-to-peer), use `yarn ios --tunnel`
+
+### WiFi / Tunneling
+
+- In general, if running the app on a physical mobile device, the mobile device and the PC compiling the app should be on the same WiFi network
+- If on OSU WiFi, or any other WiFi that disables peer-to-peer, use the `--tunnel` argument, e.g:
+  - `yarn start --tunnel`
+  - `yarn ios -tunnel`
+  - `yarn android --tunnel`
+- Using a mobile hotspot is another potential solution, if the other WiFi networks nearby disable peer-to-peer
+
+### Login Bypass
+
+- `yarn test`
+  - Bypass login for testing purposes, will log you in as a dummy user "John Doe"
+  - If you logged out of app, reload / restart app to automatically log back in as dummy user
+  - Optional arguments:
+    - `--tunnel`
+      - For WiFi tunneling as described above
+    - `--ios` or `--android`
+      - For running app on iOS or Android emulator
+    - Note that arguments can be combined, e.g. `yarn test --android --tunnel`
 
 ### Formatting Script
 

app/(auth)/_layout.js

@@ -0,0 +1,13 @@
+import { Stack } from "expo-router";
+
+export default function RootLayoutNav() {
+  return (
+    <>
+      <Stack
+        screenOptions={{
+          headerShown: false,
+        }}
+      />
+    </>
+  );
+}

app/(auth)/signin.js

@@ -0,0 +1,172 @@
+import { Link } from "expo-router";
+import {
+  getAuth,
+  sendPasswordResetEmail,
+  signInWithEmailAndPassword,
+} from "firebase/auth";
+import { useState } from "react";
+import {
+  Image,
+  Keyboard,
+  Pressable,
+  StyleSheet,
+  Text,
+  TextInput,
+  TouchableWithoutFeedback,
+  View,
+} from "react-native";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import { currentAuthContext } from "~/context/Auth";
+import { auth } from "~/firebaseConfig";
+
+const BUTTON_WIDTH = 150;
+const INPUT_WIDTH = 200;
+
+export default function SignIn() {
+  const { signIn } = currentAuthContext();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  async function handleSignIn() {
+    try {
+      const userCredential = await signInWithEmailAndPassword(
+        auth,
+        email,
+        password,
+      );
+      console.log(userCredential.user);
+      signIn();
+    } catch (e) {
+      alert(e);
+      console.log(e);
+    }
+  }
+
+  async function handleForgotPassword() {
+    try {
+      if (email === "") {
+        throw "Please enter an email address for password reset";
+      }
+      sendPasswordResetEmail(getAuth(), email)
+        .then(() => {
+          alert("Password reset email sent");
+        })
+        .catch((e) => {
+          alert(e);
+          console.log(e);
+        });
+    } catch (e) {
+      // dual catch but had to handle empty email
+      alert(e);
+      console.log(e);
+    }
+  }
+
+  return (
+    <TouchableWithoutFeedback
+      // dismiss keyboard after tapping outside of search bar input
+      onPress={Keyboard.dismiss}
+      accessible={false}
+    >
+      <View style={styles.container}>
+        <Image
+          source={{
+            uri: "https://upload.wikimedia.org/wikipedia/en/thumb/1/1b/Oregon_State_Beavers_logo.svg/1200px-Oregon_State_Beavers_logo.svg.png",
+            resizeMode: "contain",
+            width: 131,
+            height: 75,
+          }}
+          style={[styles.image]}
+        />
+        <Text style={[styles.title]}>Oregon State Golf</Text>
+        <KeyboardAwareScrollView
+          // allows opening links from search results without closing keyboard first
+          keyboardShouldPersistTaps="handled"
+          showsVerticalScrollIndicator={false}
+        >
+          <View style={[styles.inputView]}>
+            <Text style={[styles.placeholderText]}>Email</Text>
+            <TextInput
+              autoCapitalize="none"
+              autoComplete="email"
+              autoCorrect={false}
+              onChangeText={setEmail}
+              style={[styles.input]}
+            />
+            <Text style={[styles.placeholderText]}>Password</Text>
+            <TextInput
+              autoCapitalize="none"
+              autoComplete="current-password"
+              autoCorrect={false}
+              secureTextEntry={true}
+              onChangeText={setPassword}
+              style={[styles.input]}
+            />
+            <Pressable style={[styles.button]} onPress={handleForgotPassword}>
+              <Text style={[styles.forgotPassword]}>Forgot your password?</Text>
+            </Pressable>
+
+            <Pressable
+              style={[styles.button]}
+              onPress={handleSignIn}
+              backgroundColor={"#F24E1E"}
+            >
+              <Text style={styles.buttonText}>Login</Text>
+            </Pressable>
+            <Pressable style={[styles.button]} backgroundColor={"#F24E1E"}>
+              <Link asChild href={"/signup"}>
+                <Text style={styles.buttonText}>Sign Up</Text>
+              </Link>
+            </Pressable>
+          </View>
+        </KeyboardAwareScrollView>
+      </View>
+    </TouchableWithoutFeedback>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    marginTop: 100,
+  },
+  image: {
+    marginTop: 0,
+  },
+  title: {
+    fontSize: 32,
+    fontWeight: "bold",
+    marginTop: 5,
+  },
+  button: {
+    borderRadius: 12,
+    marginTop: 20,
+    marginHorizontal: (INPUT_WIDTH - BUTTON_WIDTH) / 2,
+    width: BUTTON_WIDTH,
+  },
+  buttonText: {
+    fontSize: 18,
+    color: "white",
+    paddingVertical: 8,
+    textAlign: "center",
+  },
+  input: {
+    marginVertical: 5,
+    paddingVertical: Platform.OS === "ios" ? 10 : 5, // padding and margins on ios look different than android?
+    backgroundColor: "white",
+    paddingHorizontal: 5,
+    width: INPUT_WIDTH,
+    maxWidth: INPUT_WIDTH,
+  },
+  placeholderText: {
+    marginTop: 5,
+  },
+  forgotPassword: {
+    alignSelf: "flex-start",
+    textDecorationLine: "underline",
+  },
+  inputView: {
+    marginTop: 20,
+  },
+});