From 77fa3417ef6296d573f92daf0e30c65e1c5f2d92 Mon Sep 17 00:00:00 2001
From: whysman <whysman@whystech.com>
Date: Sat, 22 Mar 2025 19:24:34 -0400
Subject: [PATCH] Added broken, modified location and bottomnav

---
 components/BottomNav.tsx |  2 +-
 components/Broken.tsx    | 18 ++++++++++++++++++
 components/Location.tsx  |  3 ++-
 3 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 components/Broken.tsx

diff --git a/components/BottomNav.tsx b/components/BottomNav.tsx
index 825d791..ee3e78a 100644
--- a/components/BottomNav.tsx
+++ b/components/BottomNav.tsx
@@ -1,4 +1,4 @@
-import {Appbar, Button, Text, useTheme} from "react-native-paper";
+import {Appbar, Button, Portal, Text, useTheme} from "react-native-paper";
 import {View} from "react-native";
 import styles from "@/assets/styles";
 import React from "react";
diff --git a/components/Broken.tsx b/components/Broken.tsx
new file mode 100644
index 0000000..2c23cfe
--- /dev/null
+++ b/components/Broken.tsx
@@ -0,0 +1,18 @@
+import {Avatar, Dialog, Portal, useTheme} from "react-native-paper";
+import React from "react";
+
+const theme = useTheme();
+
+const Broken = () => {
+    return (
+        <Dialog.Content>
+            <Dialog.Title style={{color: theme.colors.onBackground, textAlign: 'center', fontFamily: "Light"}}>The Internet is a Series of Tubes</Dialog.Title>
+            <Avatar.Image
+                source={require("../assets/images/broken.png")}
+                style={{ alignSelf: 'center', marginBottom: 15 }}
+            />
+        </Dialog.Content>
+    );
+};
+
+export default Broken;
diff --git a/components/Location.tsx b/components/Location.tsx
index 0e3d8bc..9a6172c 100644
--- a/components/Location.tsx
+++ b/components/Location.tsx
@@ -1,5 +1,6 @@
 import { Dialog, Portal, useTheme } from "react-native-paper";
 import React, {useEffect} from "react";
+import Broken from "@/components/Broken";
 
 interface LocationProps {
     visible: boolean;
@@ -15,7 +16,7 @@ const Location: React.FC<LocationProps> = ({ visible }) => {
     return (
         <Portal>
             <Dialog visible={visible} >
-                <Dialog.Title style={{ color: theme.colors.onBackground, textAlign: 'center', fontFamily: "Light"}}>Choose Your Location</Dialog.Title>
+                <Broken />
             </Dialog>
         </Portal>
     )