SheWhoReignsSupreme/revenge-plugins
1
0
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

YouBar+: bring public in sync with main (friend-request/thread tracking + inbox tabs were never carried over, only the status-tracking commit was)

Browse source
This commit is contained in:
Ally Founder 2026-08-12 14:33:19 -04:00
parent 02e0a8ac54
commit 14152f92e3
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
plugins/you-bar-plus/src/lib/types.ts
View file

@ -1,4 +1,4 @@
export type NotificationCategory = "mentions" | "replies" | "reactions" | "other"; export type NotificationCategory = "mentions" | "replies" | "reactions" | "friend_request" | "thread" | "other";
export type MentionSubCategory = "people" | "bot" | "role"; export type MentionSubCategory = "people" | "bot" | "role";
export interface NotificationAuthor { export interface NotificationAuthor {

14
plugins/you-bar-plus/src/ui/NotificationCenter.tsx
View file

@ -16,6 +16,12 @@ const NativeTabs = findByDisplayName("Tabs");
const useTabsState = findByProps("useTabsState")?.useTabsState; const useTabsState = findByProps("useTabsState")?.useTabsState;
const NativeSegmentedControl = findByDisplayName("SegmentedControl"); const NativeSegmentedControl = findByDisplayName("SegmentedControl");
function categoryLabel(cat: NotificationCategory): string {
if (cat === "friend_request") return "Friend Requests";
if (cat === "thread") return "Threads";
return cat.charAt(0).toUpperCase() + cat.slice(1);
}
function getAvatarUrl(author: any): string { function getAvatarUrl(author: any): string {
if (!author) return "https://cdn.discordapp.com/embed/avatars/0.png"; if (!author) return "https://cdn.discordapp.com/embed/avatars/0.png";
const { id, avatar, discriminator } = author; const { id, avatar, discriminator } = author;
@ -53,7 +59,7 @@ export default function NotificationCenter(): JSX.Element {
const [activeTabIdx, setActiveTabIdx] = useState(0); const [activeTabIdx, setActiveTabIdx] = useState(0);
const [mentionFilterIdx, setMentionFilterIdx] = useState(0); const [mentionFilterIdx, setMentionFilterIdx] = useState(0);
const categories: NotificationCategory[] = ["mentions", "replies", "reactions", "other"]; const categories: NotificationCategory[] = ["mentions", "replies", "reactions", "friend_request", "thread", "other"];
const subFilters: Array<"all" | MentionSubCategory> = ["all", "people", "role", "bot"]; const subFilters: Array<"all" | MentionSubCategory> = ["all", "people", "role", "bot"];
const currentCategory = categories[activeTabIdx] ?? "mentions"; const currentCategory = categories[activeTabIdx] ?? "mentions";
@ -61,7 +67,7 @@ export default function NotificationCenter(): JSX.Element {
const tabsState = useTabsState const tabsState = useTabsState
? useTabsState({ ? useTabsState({
items: categories.map((cat) => ({ id: cat, label: cat.charAt(0).toUpperCase() + cat.slice(1) })), items: categories.map((cat) => ({ id: cat, label: categoryLabel(cat) })),
initialIndex: 0, initialIndex: 0,
}) })
: null; : null;
@ -118,7 +124,7 @@ export default function NotificationCenter(): JSX.Element {
onPress={() => setActiveTabIdx(idx)} onPress={() => setActiveTabIdx(idx)}
> >
<Text style={[styles.tabText, activeTabIdx === idx && styles.activeTabText]}> <Text style={[styles.tabText, activeTabIdx === idx && styles.activeTabText]}>
{tab.charAt(0).toUpperCase() + tab.slice(1)} {categoryLabel(tab)}
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
))} ))}
@ -160,7 +166,7 @@ export default function NotificationCenter(): JSX.Element {
{displayedNotifications.length === 0 ? ( {displayedNotifications.length === 0 ? (
<Text style={styles.emptyText}>No notifications found for this category.</Text> <Text style={styles.emptyText}>No notifications found for this category.</Text>
) : ( ) : (
<TableRowGroup title={`RECENT ${currentCategory.toUpperCase()}`}> <TableRowGroup title={`RECENT ${categoryLabel(currentCategory).toUpperCase()}`}>
{displayedNotifications.map((item) => ( {displayedNotifications.map((item) => (
<NotificationRow <NotificationRow
key={item.id || `${item.channelId}-${item.messageId}`} key={item.id || `${item.channelId}-${item.messageId}`}