teal.fm
Your music, beautifully tracked. All yours. (coming soon)
teal.fm
teal-fm
atproto
be able to press enter when logging in
authored by
Natalie B.
2e6f0f1a
92a5984e
+14
-9
apps/amethyst/app/auth/login.tsx
+14
-9
apps/amethyst/app/auth/login.tsx
···
1
+
import { Link, Stack, router } from "expo-router";
2
+
import { AlertCircle, AtSign, Check, ChevronRight } from "lucide-react-native";
1
3
import React, { useState } from "react";
2
-
import { View, Platform } from "react-native";
4
+
import { Platform, View } from "react-native";
3
5
import { SafeAreaView } from "react-native-safe-area-context";
4
-
import { Text } from "@/components/ui/text";
5
-
import { Button } from "@/components/ui/button";
6
-
import { Icon } from "@/lib/icons/iconWithClassName";
7
-
import { Check, ChevronRight, AtSign, AlertCircle } from "lucide-react-native";
8
-
import { Input } from "@/components/ui/input";
9
-
import { cn } from "@/lib/utils";
10
-
import { Link, Stack, router } from "expo-router";
6
+
import { Button } from "../components/ui/button";
7
+
import { Input } from "../components/ui/input";
8
+
import { Text } from "../components/ui/text";
9
+
import { Icon } from "../lib/icons/iconWithClassName";
10
+
import { cn } from "../lib/utils";
11
11
12
-
import { useStore } from "@/stores/mainStore";
13
12
import { openAuthSessionAsync } from "expo-web-browser";
13
+
import { useStore } from "../stores/mainStore";
14
14
15
15
const LoginScreen = () => {
16
16
const [handle, setHandle] = useState("");
···
83
83
onChangeText={setHandle}
84
84
autoCapitalize="none"
85
85
autoCorrect={false}
86
+
onKeyPress={(e) => {
87
+
if (e.nativeEvent.key === "Enter") {
88
+
handleLogin();
89
+
}
90
+
}}
86
91
/>
87
92
{err ? (
88
93
<Text className="text-red-500 justify-baseline mt-1 text-xs">