adolforeyna/EMI-ExpoAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add notification viewed sync and header badge dot

Browse Source
This commit is contained in:
Adolfo Reyna
2026-02-20 22:15:07 -05:00
parent cc9ca1d075
commit 0ba5d7bd0d
3 changed files with 55 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
App.js
View File

@@ -273,6 +273,12 @@ const MainNavigation = ({ route }) => {
}
export default function App() {
const appState = useSnapshot(GlobalState);
const viewer = appState.me || {};
const hasUnviewedNotifications = Array.isArray(viewer?.notifications)
? viewer.notifications.some((n) => n && n.viewed !== true)
: false;
return (
<PaperProvider settings={{
icon: props => <MaterialIcons {...props} />,
@@ -295,7 +301,25 @@ export default function App() {
props.navigation.navigate("SongPlayer");
}} />
<Appbar.Action icon="search" onPress={() => { props.navigation.navigate("Search") }} />
<Appbar.Action icon="notifications" onPress={() => { props.navigation.navigate("Notifications") }} />
<Appbar.Action
icon={({ size, color }) => (
<View style={{ width: size, height: size, justifyContent: "center", alignItems: "center" }}>
<MaterialIcons name="notifications" size={size} color={color} />
{hasUnviewedNotifications ? (
<View style={{
position: "absolute",
top: 2,
right: 0,
width: 8,
height: 8,
borderRadius: 4,
backgroundColor: "#d93025",
}} />
) : <></>}
</View>
)}
onPress={() => { props.navigation.navigate("Notifications") }}
/>
</Appbar.Header>
)
},