movie-web/extension
1
0
Fork 0
mirror of https://github.com/movie-web/extension.git synced 2025-09-13 16:53:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

SetupScreen completed

Browse Source
This commit is contained in:
mrjvs
2024-02-07 18:42:57 +01:00
parent 725e9641e2
commit 0092b4191e
3 changed files with 64 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/SetupScreen.tsx
View File

@@ -3,6 +3,7 @@ import { useCallback } from 'react';
import { Button } from '~components/Button';
import './SetupScreen.css';
import { Icon } from '~components/Icon';
export function SetupScreen() {
const open = useCallback(() => {
@@ -11,11 +12,16 @@ export function SetupScreen() {
}, []);
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>
<div className="setup-screen">
<div className="top">
<div className="icon">
<Icon name="logo" />
</div>
<h1 className="title">Le&apos;s get this set up!</h1>
<p className="paragraph" style={{ paddingBottom: 25, paddingTop: 10 }}>
To get started, we need to setup some things first. Click the button below to continue.
</p>
</div>
<Button onClick={open} full>
Continue
</Button>