Merge conflict fixed

CONTRIBUTING.md

@@ -5,6 +5,3 @@
 3. Make your changes.
 5. Push your changes to your fork.
 6. Submit a pull request through GitHub.
-
-# What do I work on?
-See [DesignChecklist.md](https://github.com/ufosc/OSC-Proximity-Chat-App/blob/main/DesignChecklist.md) if you'd like to work on the frontend, or [ApiChecklist.md](https://github.com/ufosc/OSC-Proximity-Chat-App/blob/main/ApiChecklist.md) if you'd like to work on the backend.

README.md

@@ -1,3 +1,4 @@
+# Announcement: messages can now be sent and recieved between phones!
 # Echologator
 We're making an app that allows you to text with people within a set radius around you, anonymously. You could use this to easily chat with people at very populated places, like a library or dining hall on campus.
 

client/src/components/Auth/AuthenticationResponse.tsx

@@ -0,0 +1,112 @@
+import React from "react";
+import { StyleSheet, Text, Dimensions, TouchableOpacity} from "react-native";
+import { FirebaseError } from "firebase/app";
+import { User } from "firebase/auth";
+
+//Type to handle Authentication Responses from firebase
+export type AuthenticationResponse = {
+  user: User | null;
+  error?: undefined;
+} | {
+  user?: undefined;
+  error: unknown;
+}
+
+export class CustomError {
+  public code: string;
+  public message: string;
+
+  constructor(code: string, message: string) {
+    this.code = code;
+    this.message = message;
+  }
+}
+
+//Custom responses
+export const inValidEmailResponse = new CustomError("Invalid Email", "Please provide a valid email address")
+
+//Function that decodes the error code
+const decodeFirebaseError = (error: FirebaseError) => {
+  if(error.code === "auth/missing-email" || error.code === "auth/invalid-email") {
+    return "Please provide a valid email address";
+  }
+
+  if(error.code === "auth/weak-password") {
+    return "Password must be 6 characters or more";
+  }
+
+  if(error.code === "auth/missing-password") {
+    return "Please provide a password";
+  }
+
+  if(error.code === "auth/invalid-credential") {
+    return "The password or email is incorrect";
+  }
+
+  return "Unknown error"
+}
+
+const decodeCustomError = (error: CustomError) => {
+  return error.message;
+}
+
+//Function that handles the response depending on type
+function handleResponse(response: AuthenticationResponse) {
+  if(response?.user) {
+    return "";
+  }
+
+  console.log(response.error)
+
+  if(response.error instanceof FirebaseError) {
+    return decodeFirebaseError(response.error);
+  }
+
+  if(response.error instanceof CustomError) {
+    return decodeCustomError(response.error);
+  }
+
+  return "Unknown error"
+}
+
+//Something
+interface AuthenticationErrorMessageProps {
+  response: AuthenticationResponse | undefined;
+  onPress?: () => void;
+}
+
+export const AuthenticationErrorMessage: React.FC<AuthenticationErrorMessageProps> = ({ response, onPress }) => {
+  if( response === undefined ) {
+    return null;
+  }
+
+  const errorMessage = handleResponse(response)
+
+  return (
+    errorMessage &&
+    <TouchableOpacity style={styles.error_container} onPressIn={onPress}>
+        <Text style={styles.error_text}>{errorMessage}</Text>
+    </TouchableOpacity>
+  );
+}
+
+
+const styles = StyleSheet.create({
+  error_text: {
+    color: "white",
+    fontSize: Dimensions.get("window").height * 0.02,
+
+  },
+  error_container: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "red",
+    height: Dimensions.get("window").height * 0.05,
+    marginTop: Dimensions.get("window").height * 0.005,
+    width: Dimensions.get("window").width * 0.9,
+    borderRadius: 10,
+    padding: 10
+  }
+});
+