99ceaadf8b
* add hosting to first run, enable auto hosting * take welcomeVersion out of sync * app strings fix * recommended view hosting limit * small changes * fixes * appstrings * small fix
78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
// @flow
|
|
import React from 'react';
|
|
import PrivacyAgreement from 'component/privacyAgreement';
|
|
import HostingSplash from 'component/hostingSplash';
|
|
import HostingSplashCustom from 'component/hostingSplashCustom';
|
|
import WelcomeSplash from 'component/welcomeSplash';
|
|
import Page from 'component/page';
|
|
import { useHistory } from 'react-router-dom';
|
|
|
|
const SPLASH_PAGE = 0;
|
|
const PRIVACY_PAGE = 1;
|
|
const HOSTING_PAGE = 2;
|
|
const HOSTING_ADVANCED = 3;
|
|
|
|
type DaemonStatus = {
|
|
disk_space: {
|
|
content_blobs_storage_used_mb: string,
|
|
published_blobs_storage_used_mb: string,
|
|
running: true,
|
|
seed_blobs_storage_used_mb: string,
|
|
total_used_mb: string,
|
|
},
|
|
};
|
|
|
|
type DaemonSettings = {
|
|
download_dir: string,
|
|
share_usage_data: boolean,
|
|
max_connections_per_download?: number,
|
|
save_files: boolean,
|
|
save_blobs: boolean,
|
|
ffmpeg_path: string,
|
|
};
|
|
|
|
type Props = {
|
|
// --- select ---
|
|
daemonSettings: DaemonSettings,
|
|
daemonStatus: DaemonStatus,
|
|
// -- perform ---
|
|
updateWelcomeVersion: () => void,
|
|
};
|
|
export default function Welcome(props: Props) {
|
|
const { updateWelcomeVersion } = props;
|
|
// const { save_blobs: saveBlobs } = daemonSettings || {};
|
|
const [welcomePage, setWelcomePage] = React.useState(SPLASH_PAGE);
|
|
const { replace } = useHistory();
|
|
|
|
const handleNextPage = () => {
|
|
if (welcomePage === SPLASH_PAGE) {
|
|
setWelcomePage(PRIVACY_PAGE);
|
|
} else if (welcomePage === PRIVACY_PAGE) {
|
|
setWelcomePage(HOSTING_PAGE);
|
|
} else if (welcomePage === HOSTING_PAGE) {
|
|
setWelcomePage(HOSTING_ADVANCED);
|
|
}
|
|
};
|
|
|
|
const handleGoBack = () => {
|
|
if (welcomePage >= 1) {
|
|
setWelcomePage(welcomePage - 1);
|
|
}
|
|
};
|
|
|
|
const handleDone = () => {
|
|
updateWelcomeVersion();
|
|
replace('/');
|
|
};
|
|
|
|
return (
|
|
<Page noHeader noSideNavigation>
|
|
{welcomePage === SPLASH_PAGE && <WelcomeSplash handleNextPage={handleNextPage} />}
|
|
{welcomePage === PRIVACY_PAGE && <PrivacyAgreement handleNextPage={handleNextPage} />}
|
|
{welcomePage === HOSTING_PAGE && <HostingSplash handleNextPage={handleNextPage} handleDone={handleDone} />}
|
|
{welcomePage === HOSTING_ADVANCED && (
|
|
<HostingSplashCustom handleNextPage={handleDone} handleGoBack={handleGoBack} />
|
|
)}
|
|
</Page>
|
|
);
|
|
}
|