additional hooks

components/pages/main/SignInPage.tsx

@@ -0,0 +1,41 @@
+import { View, Text, Button } from "react-native-ui-lib";
+import { TextInput } from "react-native";
+import React, { useState } from "react";
+import { useSignIn } from "@/hooks/firebase/useSignIn";
+
+const SignInPage = (props: {
+  setRegister: () => any;
+}) => {
+  const [email, setEmail] = useState<string>("");
+  const [password, setPassword] = useState<string>("");
+
+  const { mutateAsync: signIn } = useSignIn();
+
+  const handleSignIn = async () => {
+    await signIn({email, password});
+  }
+
+  return (
+    <View marginH-20>
+      <TextInput placeholder="Email" value={email} onChangeText={setEmail} />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+      />
+      <Button label="Login" onPress={handleSignIn} />
+      <Text>Don't have an account?</Text>
+      <Button
+        onPress={props.setRegister}
+        label="Sign Up"
+        link
+        padding-0
+        margin-0
+        left
+      />
+    </View>
+  );
+};
+
+export default SignInPage;