mirror of
https://github.com/movie-web/extension.git
synced 2025-09-13 16:43:25 +00:00
Added button and beginning of setup screen
This commit is contained in:
24
src/components/SetupScreen.tsx
Normal file
24
src/components/SetupScreen.tsx
Normal 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'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>
|
||||
);
|
||||
}
|
Reference in New Issue
Block a user