diff options
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/StartScreen.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/StartScreen.tsx | 32 |
1 files changed, 26 insertions, 6 deletions
diff --git a/packages/anastasis-webui/src/pages/home/StartScreen.tsx b/packages/anastasis-webui/src/pages/home/StartScreen.tsx index 38124887c..6625ec5b8 100644 --- a/packages/anastasis-webui/src/pages/home/StartScreen.tsx +++ b/packages/anastasis-webui/src/pages/home/StartScreen.tsx @@ -1,14 +1,34 @@ + import { h, VNode } from "preact"; -import { AnastasisReducerApi } from "../../hooks/use-anastasis-reducer"; +import { useAnastasisContext } from "../../context/anastasis"; import { AnastasisClientFrame } from "./index"; -export function StartScreen(props: { reducer: AnastasisReducerApi; }): VNode { +export function StartScreen(): VNode { + const reducer = useAnastasisContext() + if (!reducer) { + return <div>no reducer in context</div> + } return ( <AnastasisClientFrame hideNav title="Home"> - <button autoFocus onClick={() => props.reducer.startBackup()}> - Backup - </button> - <button onClick={() => props.reducer.startRecover()}>Recover</button> + <div> + <section class="section is-main-section"> + <div class="columns"> + <div class="column" /> + <div class="column is-four-fifths"> + + <div class="buttons is-right"> + <button class="button is-success" autoFocus onClick={() => reducer.startBackup()}> + Backup + </button> + + <button class="button is-info" onClick={() => reducer.startRecover()}>Recover</button> + </div> + + </div> + <div class="column" /> + </div> + </section> + </div> </AnastasisClientFrame> ); } |