diff options
author | Sebastian <sebasjm@gmail.com> | 2021-10-22 01:31:46 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-10-22 01:31:46 -0300 |
commit | 2ec2161a7e1c0787b5e9ea14311f19c6b6a52d63 (patch) | |
tree | ef06a4edcb6b35f1743878f3a4cd77edc752a76f /packages/anastasis-webui/src/pages/home/StartScreen.tsx | |
parent | 3740010117df56c0ab8cfa97c983d9cf0143daf1 (diff) | |
download | wallet-core-2ec2161a7e1c0787b5e9ea14311f19c6b6a52d63.tar.xz |
some storybook exmaples
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> ); } |