Less permissions + optional host permissions + no external assets

This commit is contained in:
mrjvs
2024-02-07 16:47:52 +01:00
parent 04e7a8d23c
commit 263051a305
13 changed files with 171 additions and 25 deletions

View File

@@ -5,13 +5,15 @@ import { PermissionMissingScreen } from '~components/PermissionMissingScreen';
import { ToggleButton } from '~components/ToggleButton';
import { useDomain } from '~hooks/useDomain';
import { useToggleWhitelistDomain } from '~hooks/useDomainWhitelist';
import './Popup.css';
import { usePermission } from '~hooks/usePermission';
import './Popup.css';
import './tabs/font.css';
function IndexPopup() {
const domain = useDomain();
const { isWhitelisted, toggle } = useToggleWhitelistDomain(domain);
const { grantPermission, hasPermission } = usePermission();
const { hasPermission } = usePermission();
let page = 'toggle';
if (!hasPermission) page = 'perm';
@@ -22,7 +24,7 @@ function IndexPopup() {
<div className="popup">
{page === 'toggle' ? <ToggleButton active={isWhitelisted} onClick={toggle} domain={domain} /> : null}
{page === 'disabled' ? <DisabledScreen /> : null}
{page === 'perm' ? <PermissionMissingScreen onGrant={grantPermission} /> : null}
{page === 'perm' ? <PermissionMissingScreen /> : null}
<BottomLabel />
</div>
</Frame>