public/pogdark-app
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

changing layout again

Browse Source
This commit is contained in:
whysman 2025-04-25 01:22:42 -04:00
parent d621d79c57
commit dde3256c6e
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
components/Location.tsx
View File

@ -7,6 +7,8 @@ import log from "@/util/log"
export const API_URL = process.env.EXPO_PUBLIC_API_URL; export const API_URL = process.env.EXPO_PUBLIC_API_URL;
const BUTTON_WIDTH = 260;
const LocationComponent = () => { const LocationComponent = () => {
const theme = useTheme(); const theme = useTheme();
const [zip, setZip] = useState(""); const [zip, setZip] = useState("");
@ -53,18 +55,30 @@ const LocationComponent = () => {
onPress={handleGetLocation} onPress={handleGetLocation}
loading={locLoading} loading={locLoading}
disabled={locLoading} disabled={locLoading}
style={{ marginBottom: 12, width: 200 }} style={{ marginBottom: 12, width: BUTTON_WIDTH }}
> >
Use My Location Use My Location
</Button> </Button>
<Text style={{ marginBottom: 12, color: theme.colors.primary, fontWeight: "bold" }}>OR</Text> <Text style={{ marginBottom: 12, color: theme.colors.primary, fontWeight: "bold" }}>OR</Text>
<View style={{ width: 240, alignItems: "center" }}> <View
style={{
flexDirection: "row",
alignItems: "center",
width: BUTTON_WIDTH,
justifyContent: "center",
}}
>
<TextInput <TextInput
label="Enter Zip Code" label="Enter Zip Code"
mode="outlined" mode="outlined"
value={zip} value={zip}
onChangeText={setZip} onChangeText={setZip}
style={{ marginBottom: 10, fontFamily: "SpaceReg", width: "100%" }} style={{
flex: 3,
marginRight: 6,
fontFamily: "SpaceReg",
minWidth: 0,
}}
placeholderTextColor={theme.colors.primary} placeholderTextColor={theme.colors.primary}
textColor={theme.colors.primary} textColor={theme.colors.primary}
theme={{ colors: { text: theme.colors.primary } }} theme={{ colors: { text: theme.colors.primary } }}
@ -74,7 +88,12 @@ const LocationComponent = () => {
onPress={handleSubmit} onPress={handleSubmit}
loading={loading} loading={loading}
disabled={!zip || loading} disabled={!zip || loading}
style={{ width: "100%" }} style={{
flex: 2,
minWidth: 0,
height: 50,
}}
contentStyle={{ height: 50 }}
> >
Submit Submit
</Button> </Button>