ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-11-10 10:05:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

grid: Move browser not. toggle into notification tab, remove dnd

Browse Source
This commit is contained in:
Patrick O'Sullivan 2022-04-05 09:44:28 -05:00
parent 0f3ba4f296
commit 1d7b5d648a
2 changed files with 34 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pkg/grid/src/nav/preferences/InterfacePrefs.tsx
View File

@ -23,14 +23,6 @@ export function InterfacePrefs() {
.putEntry('browserSettings', 'settings', JSON.stringify(newSettings));
}
};
const setBrowserNotifications = (setting: boolean) => {
const newSettings = [{ browserId, browserNotifications: setting, protocolHandling }];
if (!settings.includes(newSettings)) {
useSettingsState
.getState()
.putEntry('browserSettings', 'settings', JSON.stringify(newSettings));
}
};
const toggleProtoHandling = async () => {
if (!protocolHandling && window?.navigator?.registerProtocolHandler) {
@ -54,15 +46,6 @@ export function InterfacePrefs() {
}
};
const toggleNotifications = async () => {
if (!browserNotifications) {
Notification.requestPermission();
setBrowserNotifications(true);
} else {
setBrowserNotifications(false);
}
};
return (
<>
<h2 className="h3 mb-7">Interface Settings</h2>
@ -84,21 +67,6 @@ export function InterfacePrefs() {
)}
</p>
</Setting>
<Setting
on={browserNotifications}
toggle={toggleNotifications}
name="Show desktop notifications"
disabled={!secure}
>
<p>
Show desktop notifications in this browser.
{!secure && (
<>
, <strong className="text-orange-500">requires HTTPS</strong>
</>
)}
</p>
</Setting>
</div>
</>
);

53
pkg/grid/src/nav/preferences/NotificationPrefs.tsx
View File

@ -3,14 +3,13 @@ import React from 'react';
import { Setting } from '../../components/Setting';
import { pokeOptimisticallyN } from '../../state/base';
import { HarkState, reduceGraph, useHarkStore } from '../../state/hark';
import { useSettingsState, SettingsState } from '../../state/settings';
const selDnd = (s: SettingsState) => s.display.doNotDisturb;
async function toggleDnd() {
const state = useSettingsState.getState();
const curr = selDnd(state);
await state.putEntry('display', 'doNotDisturb', !curr);
}
import { useBrowserId } from '../../state/local';
import {
useSettingsState,
useBrowserNotifications,
useBrowserSettings,
useProtocolHandling
} from '../../state/settings';
const selMentions = (s: HarkState) => s.notificationsGraphConfig.mentions;
async function toggleMentions() {
@ -19,27 +18,43 @@ async function toggleMentions() {
}
export const NotificationPrefs = () => {
const doNotDisturb = useSettingsState(selDnd);
const mentions = useHarkStore(selMentions);
const settings = useBrowserSettings();
const browserId = useBrowserId();
const browserNotifications = useBrowserNotifications(browserId);
const protocolHandling = useProtocolHandling(browserId);
const secure = window.location.protocol === 'https:' || window.location.hostname === 'localhost';
const setBrowserNotifications = (setting: boolean) => {
const newSettings = [{ browserId, browserNotifications: setting, protocolHandling }];
if (!settings.includes(newSettings)) {
useSettingsState
.getState()
.putEntry('browserSettings', 'settings', JSON.stringify(newSettings));
}
};
const toggleNotifications = async () => {
if (!browserNotifications) {
Notification.requestPermission();
setBrowserNotifications(true);
} else {
setBrowserNotifications(false);
}
};
return (
<>
<h2 className="h3 mb-7">Notifications</h2>
<div className="space-y-3">
<Setting
on={doNotDisturb}
toggle={toggleDnd}
name="Do Not Disturb"
disabled={doNotDisturb && !secure}
on={browserNotifications}
toggle={toggleNotifications}
name="Show desktop notifications"
disabled={!secure}
>
<p>
Block visual desktop notifications whenever Urbit software produces a notification
badge.
</p>
<p>
Turning this &quot;off&quot; will prompt your browser to ask if you&apos;d like to
enable notifications
Show desktop notifications in this browser.
{!secure && (
<>
, <strong className="text-orange-500">requires HTTPS</strong>