Make popout ask for permission

This commit is contained in:
mrjvs
2024-01-21 14:35:28 +01:00
parent e52b30b656
commit d82d507e0d
4 changed files with 39 additions and 5 deletions

View File

@@ -0,0 +1,19 @@
import { Icon } from '~components/Icon';
import '~tabs/PermissionGrant.css';
export interface PermissionMissingProps {
onGrant?: () => void;
}
export function PermissionMissingScreen(props: PermissionMissingProps) {
return (
<div className="disabled">
<Icon name="warningCircle" />
<p style={{ paddingBottom: 25, paddingTop: 10 }}>The extension is missing permissions it needs to function</p>
<button type="button" className="grant-permission-btn" onClick={props.onGrant}>
Grant Permission
</button>
</div>
);
}