mirror of
https://github.com/logos-messaging/logos-delivery-frontend.git
synced 2026-05-21 04:49:55 +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 { 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} />
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
@ -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 />
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user