added zip code lookup api call

This commit is contained in:
whysman 2025-04-25 01:01:04 -04:00
parent 7bbdef9930
commit b9341478f9

View File

@ -1,26 +1,56 @@
import React from "react"; import React, { useState } from "react";
import {Dialog, TextInput, useTheme} from "react-native-paper"; import { Dialog, TextInput, useTheme, Button } from "react-native-paper";
import {View} from "react-native"; import { View } from "react-native";
import axios from "axios"; import axios from "axios";
import log from "@/util/log"
export const API_URL = process.env.EXPO_PUBLIC_API_URL;
const Location = () => { const Location = () => {
const theme = useTheme(); const theme = useTheme();
const [zip, setZip] = useState("");
const [loading, setLoading] = useState(false);
const handleSubmit = async () => {
if (!zip) return;
setLoading(true);
try {
const response = await axios.post(API_URL + "/zipLookup", { zip });
log.error(response.data);
const long = response.data[0];
const lat = response.data[1];
} catch (err) {
// Optionally handle error
log.error(err);
}
setLoading(false);
};
return ( return (
<Dialog.Content style={{ maxHeight: 300 }}> <Dialog.Content style={{ maxHeight: 300 }}>
<View style={{ padding: 16 }}> <View style={{ flexDirection: "row", alignItems: "center", padding: 16 }}>
<TextInput <TextInput
label="Enter Zip Code" label="Enter Zip Code"
mode="outlined" mode="outlined"
value={zip}
style={{ marginBottom: 15, fontFamily: "SpaceReg" }} onChangeText={setZip}
style={{ flex: 1, marginRight: 10, fontFamily: "SpaceReg" }}
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 } }}
/> />
<Button
mode="contained"
onPress={handleSubmit}
loading={loading}
disabled={!zip || loading}
>
Submit
</Button>
</View> </View>
</Dialog.Content> </Dialog.Content>
) );
} };
export default Location; export default Location;