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

View File

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

View File

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