mirror of
https://github.com/logos-messaging/logos-messaging-frontend.git
synced 2026-01-04 06:43:08 +00:00
remove blockchain block, adapt UI
This commit is contained in:
parent
249f678ab5
commit
d0b28bfbbf
@ -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} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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 />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user