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

Cleaning, modified drawer, added back button

Browse Source
This commit is contained in:
whysman 2025-03-31 22:41:49 -04:00
parent 970721b79e
commit a876be705d
6 changed files with 17 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/styles.ts
View File

@ -101,16 +101,16 @@ const styles = StyleSheet.create({
}, },
drawerContainer: { drawerContainer: {
...StyleSheet.absoluteFillObject, ...StyleSheet.absoluteFillObject,
marginTop: 70, marginTop: 0,
width: 200, width: 200,
height: "auto", height: "auto",
//elevation: 4, //elevation: 4,
//backgroundColor: "rgba(0, 0, 0, 0.5)", //backgroundColor: "rgba(0, 0, 0, 0.5)",
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "flex-start", alignItems: "flex-start",
zIndex: 2, // Ensures the drawer is above everything zIndex: 5, // Ensures the drawer is above everything
elevation: 5, // Android shadow priority elevation: 5, // Android shadow priority
borderRadius: 10, //borderRadius: 10,
}, },
footer: { footer: {
padding: 16, padding: 16,

4
components/Broken.tsx
View File

@ -1,9 +1,7 @@
import {Title, useTheme} from "react-native-paper"; import { Title, useTheme } from "react-native-paper";
import { Image, View } from "react-native"; import { Image, View } from "react-native";
import React from "react"; import React from "react";
const Broken = () => { const Broken = () => {
const theme = useTheme(); const theme = useTheme();
return ( return (

2
components/Dialogs.tsx
View File

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import {Portal, Button, Dialog, useTheme} from "react-native-paper"; import { Portal, Button, Dialog, useTheme } from "react-native-paper";
import About from "@/components/About"; import About from "@/components/About";
import Privacy from "@/components/Privacy"; import Privacy from "@/components/Privacy";
import Broken from "@/components/Broken"; import Broken from "@/components/Broken";

45
components/DrawerMenu.tsx
View File

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import { View } from "react-native"; import { View } from "react-native";
import {Drawer, useTheme} from "react-native-paper"; import { Appbar,Drawer, useTheme } from "react-native-paper";
import styles from "@/assets/styles"; import styles from "@/assets/styles";
interface DrawerMenuProps { interface DrawerMenuProps {
@ -20,44 +20,15 @@ const DrawerMenu: React.FC<DrawerMenuProps> = ({ isMenuActive, onClose, toggleAb
} }
return ( return (
<View style={[styles.drawerContainer, { backgroundColor: theme.colors.background }]}> <View style={[styles.drawerContainer, { backgroundColor: theme.colors.background }]}>
<Appbar.BackAction onPress={() => onClose()} />
<Drawer.Section> <Drawer.Section>
<Drawer.Item <Drawer.Item label="Profile" onPress={() => { toggleProfile(); onClose(); }} />
label="Profile" <Drawer.Item label="Location" onPress={() => { toggleLocation(); onClose(); }} />
onPress={() => {
toggleProfile();
onClose();
}}
/>
<Drawer.Item
label="Location"
onPress={() => {
toggleLocation();
onClose();
}}
/>
</Drawer.Section> </Drawer.Section>
<Drawer.Section> <Drawer.Section showDivider={false}>
<Drawer.Item <Drawer.Item label="About Us" onPress={() => { toggleAbout(); onClose(); }} />
label="About Us" <Drawer.Item label="Privacy Policy" onPress={() => { togglePrivacy(); onClose(); }} />
onPress={() => { <Drawer.Item label="Report a Bug" onPress={() => { toggleBug(); onClose(); }} />
toggleAbout();
onClose();
}}
/>
<Drawer.Item
label="Privacy Policy"
onPress={() => {
togglePrivacy();
onClose();
}}
/>
<Drawer.Item
label="Report a Bug"
onPress={() => {
toggleBug();
onClose();
}}
/>
</Drawer.Section> </Drawer.Section>
</View> </View>
); );

4
components/Status.tsx
View File

@ -1,8 +1,8 @@
import React, { useEffect, useState, useRef } from "react"; import React, { useEffect, useState, useRef } from "react";
import useWebSocket from "react-use-websocket"; import useWebSocket from "react-use-websocket";
import axios from "axios"; import axios from "axios";
import {Animated, Easing, ImageBackground, ScrollView, useColorScheme, View} from "react-native"; import { Animated, Easing, ImageBackground, ScrollView, useColorScheme, View } from "react-native";
import { Avatar, List, Button, useTheme, } from "react-native-paper"; import { Avatar, List, Button, useTheme } from "react-native-paper";
import themes from "@/assets/themes"; import themes from "@/assets/themes";
import styles from "@/assets/styles"; import styles from "@/assets/styles";
import log from "@/util/log" import log from "@/util/log"

4
components/TopNav.tsx
View File

@ -1,5 +1,5 @@
import {Appbar, useTheme} from "react-native-paper"; import { Appbar, useTheme } from "react-native-paper";
import {Image, useColorScheme, View} from "react-native"; import { Image, useColorScheme, View } from "react-native";
import React from "react"; import React from "react";
import styles from "@/assets/styles"; import styles from "@/assets/styles";