Fix some styling

This commit is contained in:
mrjvs
2024-02-07 19:07:01 +01:00
parent f9444c87fb
commit f9323c1fe3
8 changed files with 52 additions and 53 deletions

View File

@@ -1,20 +1,16 @@
import { Button } from '~components/Button';
import { useDomainWhitelist } from '~hooks/useDomainWhitelist';
import { usePermission } from '~hooks/usePermission';
import { makeUrlIntoDomain } from '~utils/domains';
import './PermissionGrant.css';
export default function PermissionGrant() {
const { domainWhitelist } = useDomainWhitelist();
const { hasPermission, grantPermission } = usePermission();
const { grantPermission } = usePermission();
const queryParams = new URLSearchParams(window.location.search);
const redirectUrl = queryParams.get('redirectUrl') ?? 'https://movie-web.app';
const domain = makeUrlIntoDomain(redirectUrl);
const permissionsGranted = domainWhitelist.includes(domain) && hasPermission;
const redirectBack = () => {
chrome.tabs.getCurrent((tab) => {
chrome.tabs.update(tab.id, { url: redirectUrl });
@@ -28,7 +24,7 @@ export default function PermissionGrant() {
};
return (
<div className="container">
<div className="permission-grant container">
<div className="inner-container">
<div className="permission-card">
<h1 className="color-white">Permission</h1>