From 97fbe7b16f4f708a4c4d9940a436b486a0455a23 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Mon, 30 Jun 2025 15:18:08 +1000
Subject: [PATCH] add: new login page

---
 app/_layout.tsx |  2 +-
 app/login.tsx   | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 app/login.tsx

diff --git a/app/_layout.tsx b/app/_layout.tsx
index 8d506f7..d274750 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -20,7 +20,7 @@ export default function RootLayout() {
   return (
     <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
       <Stack>
-        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+        <Stack.Screen name="login" options={{ title: "Login" }} />
         <Stack.Screen name="+not-found" />
       </Stack>
       <StatusBar style="auto" />
diff --git a/app/login.tsx b/app/login.tsx
new file mode 100644
index 0000000..9db785c
--- /dev/null
+++ b/app/login.tsx
@@ -0,0 +1,21 @@
+import { TextInput, View, StyleSheet, Button } from 'react-native'
+
+export default function LoginView() {
+	const styles = StyleSheet.create({
+		container: {
+			padding: 16,
+			gap: 8
+		},
+		textfield: {
+			borderColor: 'transparent',
+    	borderBottomColor: '#ccc',
+    	borderWidth: 1,
+			paddingVertical: 4
+		}
+	})
+	return <View style={styles.container}>
+		<TextInput placeholder="Feedbin Email" style={styles.textfield} autoCapitalize="none" autoCorrect={false} textContentType="none" keyboardType="email-address" />
+		<TextInput placeholder="Password" style={styles.textfield} secureTextEntry={true} />
+		<Button title="Enter" onPress={() => {}} />
+	</View>
+}