Added button and beginning of setup screen

This commit is contained in:
mrjvs
2024-02-07 18:16:42 +01:00
parent 825d96a527
commit 725e9641e2
8 changed files with 105 additions and 25 deletions

View File

@@ -0,0 +1,24 @@
import { useCallback } from 'react';
import { Button } from '~components/Button';
import './SetupScreen.css';
export function SetupScreen() {
const open = useCallback(() => {
const url = (chrome || browser).runtime.getURL(`/tabs/PermissionRequest.html`);
(chrome || browser).tabs.create({ url });
}, []);
return (
<div className="disabled">
<h1 className="title">Le&apos;s get this set up!</h1>
<p style={{ paddingBottom: 25, paddingTop: 10 }}>
To get started, we need to setup some things first. Click the button below to continue.
</p>
<Button onClick={open} full>
Continue
</Button>
</div>
);
}