mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-01-10 12:59:47 -06:00
Code Issues Packages Projects Releases Wiki Activity

do cards work?

Browse Source
This commit is contained in:
Violet Caulfield
2024-10-15 13:50:43 -05:00
parent c13b3b2ed5
commit 92521e596b
1 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
components/Login/helpers/server-authentication.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { useColorScheme } from "react-native";
import { View, TextField, Button, ActionBar } from "react-native-ui-lib";
import { View, TextField, Button, ActionBar, Card } from "react-native-ui-lib";
export default function ServerAuthentication(): React.JSX.Element {
@@ -24,24 +24,29 @@ export default function ServerAuthentication(): React.JSX.Element {
label: "",
}
]}/>
<View useSafeArea>
<TextField
placeholder="Username"
value={username}
onChangeText={(value) => setUsername(value)}
/>
<TextField
placeholder="Password"
value={password}
onChangeText={(value) => setPassword(value)}
secureTextEntry
/>
<Button
backgroundColor={isDarkMode ? 'black' : 'white'}
label="Sign in"
onPress={() => console.log("sign in pressed")}
/>
</View>
<Card flex center>
<Card.Section>
<TextField
placeholder="Username"
value={username}
onChangeText={(value) => setUsername(value)}
/>
<TextField
placeholder="Password"
value={password}
onChangeText={(value) => setPassword(value)}
secureTextEntry
/>
</Card.Section>
<Card.Section>
<Button
backgroundColor={isDarkMode ? 'black' : 'white'}
label="Sign in"
onPress={() => console.log("sign in pressed")}
/>
</Card.Section>
</Card>
</>
);
}