aboutsummaryrefslogtreecommitdiffstats
path: root/packages/mobile/app
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-11 01:37:42 +0000
committerMohamedBassem <me@mbassem.com>2024-03-11 01:37:42 +0000
commit1f3a162fde79dbf9102d2e3f67cfc6b6e2e302e9 (patch)
treeac584f3d4145c06336b16d4da16d55e4478b123b /packages/mobile/app
parentf076adce152575eb21558acdb7ee729f6c55a8e8 (diff)
parent2b720405ae3a19ac78fbf3e7231394364ba83c99 (diff)
downloadkarakeep-1f3a162fde79dbf9102d2e3f67cfc6b6e2e302e9.tar.zst
mobile: Merge mobile repo into main repo
Diffstat (limited to 'packages/mobile/app')
-rw-r--r--packages/mobile/app/_layout.tsx14
-rw-r--r--packages/mobile/app/index.tsx12
-rw-r--r--packages/mobile/app/signin.tsx24
3 files changed, 50 insertions, 0 deletions
diff --git a/packages/mobile/app/_layout.tsx b/packages/mobile/app/_layout.tsx
new file mode 100644
index 00000000..7403c6ff
--- /dev/null
+++ b/packages/mobile/app/_layout.tsx
@@ -0,0 +1,14 @@
+import "@/globals.css";
+
+import { Slot } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import { View } from "react-native";
+
+export default function RootLayout() {
+ return (
+ <View className="w-full h-full bg-white">
+ <Slot />
+ <StatusBar style="auto" />
+ </View>
+ );
+}
diff --git a/packages/mobile/app/index.tsx b/packages/mobile/app/index.tsx
new file mode 100644
index 00000000..e352ba54
--- /dev/null
+++ b/packages/mobile/app/index.tsx
@@ -0,0 +1,12 @@
+import { Link } from "expo-router";
+import { View } from "react-native";
+
+export default function App() {
+ return (
+ <View className="flex-1 items-center justify-center bg-white">
+ <Link href="/signin" className="">
+ Signin
+ </Link>
+ </View>
+ );
+}
diff --git a/packages/mobile/app/signin.tsx b/packages/mobile/app/signin.tsx
new file mode 100644
index 00000000..f500e36e
--- /dev/null
+++ b/packages/mobile/app/signin.tsx
@@ -0,0 +1,24 @@
+import { View, Text } from "react-native";
+
+import Logo from "@/components/Logo";
+import { Button } from "@/components/ui/Button";
+import { Input } from "@/components/ui/Input";
+
+export default function Signin() {
+ return (
+ <View className="container justify-center h-full flex flex-col gap-2">
+ <View className="items-center">
+ <Logo />
+ </View>
+ <View className="gap-2">
+ <Text className="font-bold">Email</Text>
+ <Input className="w-full" placeholder="Email" />
+ </View>
+ <View className="gap-2">
+ <Text className="font-bold">Password</Text>
+ <Input className="w-full" placeholder="Password" secureTextEntry />
+ </View>
+ <Button className="w-full" label="Sign In" />
+ </View>
+ );
+}