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

Compare commits

base: public:master
Branches Tags
public:master
public:location-update
public:drawer-menu
public:location-menu
public:master-ebaef46456
public:old-master
public:master-2b99575862
public:master-3ced969c4f
public:master-d4d8d34d1f
public:master
..
compare: public:master-ebaef46456
Branches Tags
public:location-update
public:drawer-menu
public:master
public:location-menu
public:master-ebaef46456
public:old-master
public:master-2b99575862
public:master-3ced969c4f
public:master-d4d8d34d1f
public:master

No commits in common. "master" and "master-ebaef46456" have entirely different histories.
master ... master-eba

5 changed files with 43 additions and 55 deletions
Show Stats Expand all files Collapse all files

4
app/index.tsx
View File

@ -63,9 +63,7 @@ const Index = () => {
setChanged={setUserDataChanged}
onClose={() => setProfileActive(false)}
/>
<BottomNav
isProfileActive={isProfileActive}
/>
<BottomNav toggleLocation={() => setProfileActive(true)}/>
</View>
);
};

30
components/BottomNav.tsx
View File

@ -1,46 +1,24 @@
import {Appbar, Portal, Button, Dialog, Text, useTheme } from "react-native-paper";
import {Appbar, Button, Text, useTheme} from "react-native-paper";
import {View} from "react-native";
import styles from "@/assets/styles";
import React, {useState} from "react";
import Location from "@/components/Location";
import Broken from "@/components/Broken";
import React from "react";
interface BNProps {
isProfileActive: boolean;
}
const BottomNav: React.FC<BNProps> = ({ isProfileActive }) => {
const BottomNav = ({ toggleLocation }: { toggleLocation: () => void; }) => {
const theme = useTheme();
const [menuVisible, setMenuVisible] = useState(false);
return (
<View style={ isProfileActive && { display: 'none' }}>
<View style={{ backgroundColor: theme.colors.background }}>
<Appbar.Header style={[styles.bottomBar, { backgroundColor: theme.colors.primaryContainer }]} >
<View style={{ alignItems: "center", flexDirection: "row", justifyContent: "space-between", padding: 10, flex: 1, paddingHorizontal: 15 }}>
<Text style={{ color: theme.colors.primary, fontFamily: "SpaceReg" }}>Daisy Knight Dog Park</Text>
<Button
mode="text"
onPress={() => setMenuVisible(true) }
onPress={() => toggleLocation }
style={{ backgroundColor: theme.colors.primary, height: styles.bottomBar.height/2, justifyContent: "center"}}
labelStyle={{ color: theme.colors.onPrimary, fontFamily: "SpaceReg"}}>
Change
</Button>
</View>
</Appbar.Header>
<Portal>
<Dialog visible={menuVisible} onDismiss={() => setMenuVisible(false)} style={{ backgroundColor: theme.colors.primaryContainer, maxHeight: 400 }}>
<Dialog.Title style={{ color: theme.colors.primary, textAlign: 'center' }}>Location</Dialog.Title>
<Broken />
<Dialog.Actions style={{ justifyContent: "center" }}>
<Button onPress={() => setMenuVisible(false)} mode="contained" style={{ backgroundColor: theme.colors.inversePrimary }} labelStyle={{ color: theme.colors.primary }}>
Close
</Button>
</Dialog.Actions>
</Dialog>
</Portal>
</View>
</View>
)
}

17
components/Broken.tsx
View File

@ -1,20 +1,19 @@
import {Title, useTheme} from "react-native-paper";
import { Image, View } from "react-native";
import {Dialog, useTheme} from "react-native-paper";
import { Image } from "react-native";
import React from "react";
const theme = useTheme();
const Broken = () => {
const theme = useTheme();
return (
<View>
<Title style={{color: theme.colors.onBackground, fontSize: 16, textAlign: 'center', fontFamily: "Light"}}>The Internet is a Series of Tubes</Title>
<Dialog.Content>
<Dialog.Title style={{color: theme.colors.onBackground, fontSize: 16, textAlign: 'center', fontFamily: "Light"}}>The Internet is a Series of Tubes</Dialog.Title>
<Image
source={require("../assets/images/broken.png")}
style={{ alignSelf: 'center', resizeMode: "contain", height: 400/3 }}
style={{ alignSelf: 'center', width: "90%" }}
/>
<Title style={{color: theme.colors.onBackground, fontSize: 16, textAlign: 'center', fontFamily: "Light"}}>And these aren't connected. {"\n"} (We're still working on this part.)</Title>
</View>
<Dialog.Title style={{color: theme.colors.onBackground, fontSize: 16, textAlign: 'center', fontFamily: "Light"}}>And these aren't connected. {"\n"} (We're still working on this part.)</Dialog.Title>
</Dialog.Content>
);
};

17
components/Location.tsx
View File

@ -1,9 +1,22 @@
import React from "react";
import { Dialog, Portal } from "react-native-paper";
import React, {useEffect} from "react";
import Broken from "@/components/Broken";
const Location = () => {
interface LocationProps {
visible: boolean;
}
const Location: React.FC<LocationProps> = ({ visible }) => {
useEffect(() => {
if (visible) {
}
}, [visible]);
return (
<Portal>
<Dialog visible={visible} >
<Broken />
</Dialog>
</Portal>
)
}

2
components/TopNav.tsx
View File

@ -59,7 +59,7 @@ const TopNav = ({ toggleProfile }: { toggleProfile: () => void; }) => {
</Dialog.Actions>
</Dialog>
<Dialog visible={bugVisible} onDismiss={() => setBugVisible(false)} style={{ backgroundColor: theme.colors.primaryContainer }}>
<Dialog.Title style={{ color: theme.colors.primary, textAlign: 'center' }}>Report A Bug</Dialog.Title>
<Dialog.Title style={{ color: theme.colors.primary, textAlign: 'center' }}>Privacy Policy</Dialog.Title>
<Broken />
<Dialog.Actions style={{ justifyContent: "center" }}>
<Button onPress={() => setBugVisible(false)} mode="contained" style={{ backgroundColor: theme.colors.inversePrimary }} labelStyle={{ color: theme.colors.primary }}>