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

changing layout

Browse Source
This commit is contained in:
whysman 2025-04-25 01:06:43 -04:00
parent dee2183ce3
commit d621d79c57
1 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
components/Location.tsx
View File

@ -1,5 +1,5 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { Dialog, TextInput, useTheme, Button } from "react-native-paper"; import { Dialog, TextInput, useTheme, Button, Text } from "react-native-paper";
import { View } from "react-native"; import { View } from "react-native";
import axios from "axios"; import axios from "axios";
import * as Location from "expo-location"; import * as Location from "expo-location";
@ -13,7 +13,6 @@ const LocationComponent = () => {
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [locLoading, setLocLoading] = useState(false); const [locLoading, setLocLoading] = useState(false);
// Handle submit by zip
const handleSubmit = async () => { const handleSubmit = async () => {
if (!zip) return; if (!zip) return;
setLoading(true); setLoading(true);
@ -22,14 +21,12 @@ const LocationComponent = () => {
log.error(response.data); log.error(response.data);
const long = response.data[0]; const long = response.data[0];
const lat = response.data[1]; const lat = response.data[1];
// Do something with long/lat as needed
} catch (err) { } catch (err) {
log.error(err); log.error(err);
} }
setLoading(false); setLoading(false);
}; };
// Handle device geolocation
const handleGetLocation = async () => { const handleGetLocation = async () => {
setLocLoading(true); setLocLoading(true);
try { try {
@ -42,7 +39,6 @@ const LocationComponent = () => {
let location = await Location.getCurrentPositionAsync({}); let location = await Location.getCurrentPositionAsync({});
const { longitude, latitude } = location.coords; const { longitude, latitude } = location.coords;
log.error([longitude, latitude]); log.error([longitude, latitude]);
// Do something with longitude/latitude as needed
} catch (err) { } catch (err) {
log.error("Location Error:", err); log.error("Location Error:", err);
} }
@ -50,35 +46,39 @@ const LocationComponent = () => {
}; };
return ( return (
<Dialog.Content style={{ maxHeight: 300 }}> <Dialog.Content style={{ maxHeight: 360, justifyContent: "center", alignItems: "center" }}>
<View style={{ flexDirection: "row", alignItems: "center", padding: 16 }}> <View style={{ alignItems: "center", width: "100%" }}>
<TextInput
label="Enter Zip Code"
mode="outlined"
value={zip}
onChangeText={setZip}
style={{ flex: 1, marginRight: 10, fontFamily: "SpaceReg" }}
placeholderTextColor={theme.colors.primary}
textColor={theme.colors.primary}
theme={{ colors: { text: theme.colors.primary } }}
/>
<Button
mode="contained"
onPress={handleSubmit}
loading={loading}
disabled={!zip || loading}
style={{ marginRight: 6 }}
>
Submit
</Button>
<Button <Button
mode="outlined" mode="outlined"
onPress={handleGetLocation} onPress={handleGetLocation}
loading={locLoading} loading={locLoading}
disabled={locLoading} disabled={locLoading}
style={{ marginBottom: 12, width: 200 }}
> >
Use My Location Use My Location
</Button> </Button>
<Text style={{ marginBottom: 12, color: theme.colors.primary, fontWeight: "bold" }}>OR</Text>
<View style={{ width: 240, alignItems: "center" }}>
<TextInput
label="Enter Zip Code"
mode="outlined"
value={zip}
onChangeText={setZip}
style={{ marginBottom: 10, fontFamily: "SpaceReg", width: "100%" }}
placeholderTextColor={theme.colors.primary}
textColor={theme.colors.primary}
theme={{ colors: { text: theme.colors.primary } }}
/>
<Button
mode="contained"
onPress={handleSubmit}
loading={loading}
disabled={!zip || loading}
style={{ width: "100%" }}
>
Submit
</Button>
</View>
</View> </View>
</Dialog.Content> </Dialog.Content>
); );