Seems you do not have MetaMask installed. Please, install and reload the page.
-
+
+
+
+
+
+
+
+
+
+
+ );
+ };
+
+ const formatDate = (timestamp: number) => {
+ const date = new Date(timestamp * 1000);
+ return date.toLocaleString();
+ };
+
+ return (
+
+
+ );
+}
+
+export default App;
diff --git a/src/app/components/Blockchain.tsx b/src/app/components/Blockchain.tsx
deleted file mode 100644
index 83c7d21..0000000
--- a/src/app/components/Blockchain.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Block, BlockTypes } from "@/components/Block";
-import { Button } from "@/components/Button";
-import { Subtitle } from "@/components/Subtitle";
-import { useContract, useStore } from "@/hooks";
-
-export const Blockchain: React.FunctionComponent<{}> = () => {
- const { ethAccount, lastMembershipID } = useStore();
- const { onFetchContract } = useContract();
-
- return (
-
+
+
+
+
+
+
+
+ {settingsDialog()}
+
+ {!username && (
+
+ {logoImage()}
+
+ )}
+
+ {username && joinedCommunities.length == 0 && (
+
+ setUsernameInput(e.target.value)}
+ placeholder="Enter your username"
+ autoComplete="off"
+ autoCorrect="off"
+ />
+
+
+
+ {logoImage()}
+ {createCommunityDialog()}
+
+ )}
+
+ {username && joinedCommunities.length > 0 && (
+
+
+ )}
+
+
+
+
+
+ {createCommunityDialog()}
+ Communities
+-
+ {joinedCommunities.map((item, index) => (
+
- selectCommunity(index)}>
+ + ++
+
+ ))}
+
+ {logoImage()}
+ {community && (
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ Message History
+-
+ {messages.map((msg, index) => decodeMsg(index, msg))}
+
Your address
-{ethAccount || "Not loaded yet"}
- Latest membership ID on contract
-{lastMembershipID || "Not loaded yet"}
-
-
-
-
-
- Generate new credentials from wallet and register on chain
- -Read from Keystore
-Keystore hash
-{activeCredential || "none"}
- Membership ID
-{activeMembershipID || "none"}
- Secret Hash
-{renderBytes(credentials?.IDSecretHash)}
- Commitment
-{renderBytes(credentials?.IDCommitment)}
- Nullifier
-{renderBytes(credentials?.IDNullifier)}
- Trapdoor
-{renderBytes(credentials?.IDTrapdoor)}
- {">"}
-Chat
-Keystore
-Messages
-
-
- - {renderedMessages}
- {content.nick} - - ({(new Date(content.timestamp)).toDateString()}) - - : -
-{content.text}
-Wallet connected: {wallet}
} -
-
- );
-}
diff --git a/src/assets/logo-waku.svg b/src/assets/logo-waku.svg
new file mode 100644
index 0000000..9c664e0
--- /dev/null
+++ b/src/assets/logo-waku.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/components/Block.tsx b/src/components/Block.tsx
deleted file mode 100644
index 4999da5..0000000
--- a/src/components/Block.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-export enum BlockTypes {
- FlexHorizontal = "flex-horizontal",
-}
-
-type BlockProps = {
- children: any;
- type?: BlockTypes;
- className?: string;
-};
-
-export const Block: React.FunctionComponent- Show node info -
-
-
- Health: {props.value.health}
-Version: {props.value.version}
-ENR URI: {props.value.enrUri}
-Listen Addresses:
--
- {props.value.listenAddresses.map((address, index) => (
-
- {address} - ))} -
- {props.children}
-
- );
-};
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
deleted file mode 100644
index a68c7d2..0000000
--- a/src/components/Button.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-type ButtonProps = {
- children: any;
- className?: string;
- disabled?: boolean;
- onClick?: (e?: any) => void;
-};
-
-export const Button: React.FunctionComponent- {props.text}:{" "} - - {props.mark} - -
-); diff --git a/src/components/Subtitle.tsx b/src/components/Subtitle.tsx deleted file mode 100644 index 081b06f..0000000 --- a/src/components/Subtitle.tsx +++ /dev/null @@ -1,8 +0,0 @@ -type SubtitleProps = { - children: any; - className?: string; -}; - -export const Subtitle: React.FunctionComponent