73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
/*
|
|
This file is part of GNU Anastasis
|
|
(C) 2021-2022 Anastasis SARL
|
|
|
|
GNU Anastasis is free software; you can redistribute it and/or modify it under the
|
|
terms of the GNU Affero General Public License as published by the Free Software
|
|
Foundation; either version 3, or (at your option) any later version.
|
|
|
|
GNU Anastasis is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
|
A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License along with
|
|
GNU Anastasis; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
|
|
*/
|
|
import { h, VNode } from "preact";
|
|
import { FileButton } from "../../components/FlieButton.js";
|
|
import { useAnastasisContext } from "../../context/anastasis.js";
|
|
import { AnastasisClientFrame } from "./index.js";
|
|
|
|
export function StartScreen(): VNode {
|
|
const reducer = useAnastasisContext();
|
|
if (!reducer) {
|
|
return <div>no reducer in context</div>;
|
|
}
|
|
return (
|
|
<AnastasisClientFrame hideNav title="Home">
|
|
<div class="columns">
|
|
<div class="column" />
|
|
<div class="column is-four-fifths">
|
|
<div class="buttons">
|
|
<button
|
|
class="button is-success"
|
|
autoFocus
|
|
onClick={() => reducer.startBackup()}
|
|
>
|
|
<div class="icon">
|
|
<i class="mdi mdi-arrow-up" />
|
|
</div>
|
|
<span>Backup a secret</span>
|
|
</button>
|
|
|
|
<button
|
|
class="button is-info"
|
|
onClick={() => reducer.startRecover()}
|
|
>
|
|
<div class="icon">
|
|
<i class="mdi mdi-arrow-down" />
|
|
</div>
|
|
<span>Recover a secret</span>
|
|
</button>
|
|
|
|
<FileButton
|
|
label="Restore a session"
|
|
onChange={(content) => {
|
|
if (content?.type === "application/json") {
|
|
reducer.importState(content.content);
|
|
}
|
|
}}
|
|
/>
|
|
|
|
{/* <button class="button">
|
|
<div class="icon"><i class="mdi mdi-file" /></div>
|
|
<span>Restore a session</span>
|
|
</button> */}
|
|
</div>
|
|
</div>
|
|
<div class="column" />
|
|
</div>
|
|
</AnastasisClientFrame>
|
|
);
|
|
}
|