remove blockchain block, adapt UI

This commit is contained in:
Sasha 2023-10-31 00:21:43 +01:00
parent 249f678ab5
commit d0b28bfbbf
No known key found for this signature in database
3 changed files with 1 additions and 9 deletions

View File

@ -1,17 +1,13 @@
import { Block, BlockTypes } from "@/components/Block"; import { Block, BlockTypes } from "@/components/Block";
import { Title } from "@/components/Title"; import { Title } from "@/components/Title";
import { Status } from "@/components/Status";
import { useStore } from "@/hooks"; import { useStore } from "@/hooks";
export const Header: React.FunctionComponent<{}> = () => { export const Header: React.FunctionComponent<{}> = () => {
const { appStatus } = useStore();
return ( return (
<> <>
<Block className="mb-5" type={BlockTypes.FlexHorizontal}> <Block className="mb-5" type={BlockTypes.FlexHorizontal}>
<Title>Waku RLN</Title> <Title>Waku RLN</Title>
</Block> </Block>
<Status text="Application status" mark={appStatus} />
</> </>
); );
}; };

View File

@ -25,9 +25,8 @@ export const Waku: React.FunctionComponent<{}> = () => {
return ( return (
<Block className="mt-10"> <Block className="mt-10">
<Subtitle> <Subtitle>
Waku<p className="text-xs">(select credentials to initialize)</p> Waku
</Subtitle> </Subtitle>
<Status text="Waku status" mark={wakuStatus} />
<Block className="mt-4"> <Block className="mt-4">
<label <label

View File

@ -2,15 +2,12 @@
import { Header } from "./components/Header"; import { Header } from "./components/Header";
import { Waku } from "./components/Waku"; import { Waku } from "./components/Waku";
import { Keystore } from "./components/Keystore"; import { Keystore } from "./components/Keystore";
import { Blockchain } from "./components/Blockchain";
import { KeystoreDetails } from "./components/KeystoreDetails"; import { KeystoreDetails } from "./components/KeystoreDetails";
import { useRLN } from "@/hooks";
export default function Home() { export default function Home() {
return ( return (
<main className="flex min-h-screen flex-col p-24 font-mono max-w-screen-lg m-auto"> <main className="flex min-h-screen flex-col p-24 font-mono max-w-screen-lg m-auto">
<Header /> <Header />
<Blockchain />
<Keystore /> <Keystore />
<KeystoreDetails /> <KeystoreDetails />
<Waku /> <Waku />