abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(mobx): server notification options + data store

Browse Source
This commit is contained in:
Paul
2021-12-11 23:34:46 +00:00
parent f8b8d96d3d
commit 413bf6949b
10 changed files with 237 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/navigation/items/Item.module.scss
View File

@@ -117,7 +117,7 @@
}
&[data-muted="true"] {
color: var(--tertiary-foreground);
opacity: 0.4;
}
&[data-alert="true"],

7
src/components/navigation/left/ServerListSidebar.tsx
View File

@@ -199,7 +199,7 @@ interface Props {
export const ServerListSidebar = observer(({ unreads }: Props) => {
const client = useClient();
const layout = useApplicationState().layout;
const state = useApplicationState();
const { server: server_id } = useParams<{ server?: string }>();
const server = server_id ? client.servers.get(server_id) : undefined;
@@ -210,6 +210,7 @@ export const ServerListSidebar = observer(({ unreads }: Props) => {
const unreadChannels = channels
.filter((x) => x.unread)
.filter((x) => !state.notifications.isMuted(x.channel))
.map((x) => x.channel?._id);
const servers = activeServers.map((server) => {
@@ -268,7 +269,7 @@ export const ServerListSidebar = observer(({ unreads }: Props) => {
<ServerList>
<ConditionalLink
active={homeActive}
to={layout.getLastHomePath()}>
to={state.layout.getLastHomePath()}>
<ServerEntry home active={homeActive}>
<Swoosh />
<div
@@ -300,7 +301,7 @@ export const ServerListSidebar = observer(({ unreads }: Props) => {
<ConditionalLink
key={entry.server._id}
active={active}
to={layout.getServerPath(entry.server._id)}>
to={state.layout.getServerPath(entry.server._id)}>
<ServerEntry
active={active}
onContextMenu={attachContextMenu("Menu", {

8
src/components/navigation/left/ServerSidebar.tsx
View File

@@ -28,7 +28,6 @@ import ConnectionStatus from "../items/ConnectionStatus";
interface Props {
unreads: Unreads;
notifications: Notifications;
}
const ServerBase = styled.div`
@@ -59,7 +58,7 @@ const ServerList = styled.div`
const ServerSidebar = observer((props: Props) => {
const client = useClient();
const layout = useApplicationState().layout;
const state = useApplicationState();
const { server: server_id, channel: channel_id } =
useParams<{ server: string; channel?: string }>();
@@ -85,7 +84,7 @@ const ServerSidebar = observer((props: Props) => {
if (!channel_id) return;
if (!server_id) return;
layout.setLastOpened(server_id, channel_id);
state.layout.setLastOpened(server_id, channel_id);
}, [channel_id, server_id]);
const uncategorised = new Set(server.channel_ids);
@@ -96,7 +95,6 @@ const ServerSidebar = observer((props: Props) => {
if (!entry) return;
const active = channel?._id === entry._id;
const muted = props.notifications[id] === "none";
return (
<ConditionalLink
@@ -120,7 +118,7 @@ const ServerSidebar = observer((props: Props) => {
// ! FIXME: pull it out directly
alert={mapChannelWithUnread(entry, props.unreads).unread}
compact
muted={muted}
muted={state.notifications.isMuted(entry)}
/>
</ConditionalLink>
);