Location search, initial framework.

components/Dialogs.tsx

@@ -3,6 +3,7 @@ import { Portal, Button, Dialog, useTheme } from "react-native-paper";
 import About from "@/components/About";
 import Privacy from "@/components/Privacy";
 import Broken from "@/components/Broken";
+import Location from "@/components/Location";
 
 interface DialogsProps {
     aboutVisible: boolean;
@@ -58,7 +59,7 @@ const Dialogs: React.FC<DialogsProps> = ({ aboutVisible, privacyVisible, bugVisi
             <Dialog visible={locationVisible} onDismiss={() => toggleLocation()}
                     style={{backgroundColor: theme.colors.primaryContainer}}>
                 <Dialog.Title style={{color: theme.colors.primary, textAlign: 'center'}}>Location</Dialog.Title>
-                <Broken/>
+                <Location />
                 <Dialog.Actions style={{justifyContent: "center"}}>
                     <Button onPress={() => toggleLocation()} mode="contained"
                             style={{backgroundColor: theme.colors.inversePrimary}}

components/Location.tsx

@@ -1,9 +1,25 @@
 import React from "react";
-import Broken from "@/components/Broken";
+import {Dialog, TextInput, useTheme} from "react-native-paper";
+import {View} from "react-native";
+import axios from "axios";
 
 const Location = () => {
+    const theme = useTheme();
+
     return (
-        <Broken />
+        <Dialog.Content style={{ maxHeight: 300 }}>
+            <View style={{ padding: 16 }}>
+                <TextInput
+                    label="Enter Zip Code"
+                    mode="outlined"
+
+                    style={{ marginBottom: 15, fontFamily: "SpaceReg" }}
+                    placeholderTextColor={theme.colors.primary}
+                    textColor={theme.colors.primary}
+                    theme={{ colors: { text: theme.colors.primary }}}
+                />
+            </View>
+        </Dialog.Content>
     )
 }