diff --git a/packages/extension/src/providers/ethereum/ui/eth-sign-message.vue b/packages/extension/src/providers/ethereum/ui/eth-sign-message.vue new file mode 100644 index 000000000..4b3e252e0 --- /dev/null +++ b/packages/extension/src/providers/ethereum/ui/eth-sign-message.vue @@ -0,0 +1,181 @@ + + + + + diff --git a/packages/extension/src/providers/ethereum/ui/routes.ts b/packages/extension/src/providers/ethereum/ui/routes.ts index 15223a676..fd93d4cc4 100644 --- a/packages/extension/src/providers/ethereum/ui/routes.ts +++ b/packages/extension/src/providers/ethereum/ui/routes.ts @@ -1,5 +1,6 @@ import ethAccounts from "./eth-accounts.vue"; import ethSign from "./eth-sign.vue"; +import ethSignMessage from "./eth-sign-message.vue"; import { RouteRecordRaw } from "vue-router"; export const routes = { ethAccounts: { @@ -12,6 +13,11 @@ export const routes = { component: ethSign, name: "ethSign", }, + ethSignMessage: { + path: "eth-sign-message", + component: ethSignMessage, + name: "ethSignMessage", + }, }; export default (namespace: string): RouteRecordRaw[] => { return Object.values(routes).map((route) => { diff --git a/packages/extension/src/providers/polkadot/ui/dot-sign-message.vue b/packages/extension/src/providers/polkadot/ui/dot-sign-message.vue new file mode 100644 index 000000000..c896634c0 --- /dev/null +++ b/packages/extension/src/providers/polkadot/ui/dot-sign-message.vue @@ -0,0 +1,179 @@ + + + + + diff --git a/packages/extension/src/providers/polkadot/ui/dot-update-metadata.vue b/packages/extension/src/providers/polkadot/ui/dot-update-metadata.vue new file mode 100644 index 000000000..e7be3b631 --- /dev/null +++ b/packages/extension/src/providers/polkadot/ui/dot-update-metadata.vue @@ -0,0 +1,199 @@ + + + + + diff --git a/packages/extension/src/providers/polkadot/ui/routes.ts b/packages/extension/src/providers/polkadot/ui/routes.ts index f7f916bbc..fa9ee4a36 100644 --- a/packages/extension/src/providers/polkadot/ui/routes.ts +++ b/packages/extension/src/providers/polkadot/ui/routes.ts @@ -1,6 +1,8 @@ import dotAccounts from "./dot-accounts.vue"; import dotTxApprove from "./dot-approvetx.vue"; import dotApproveSign from "./dot-approvesign.vue"; +import dotSignMessage from "./dot-sign-message.vue"; +import dotUpdateMetadata from "./dot-update-metadata.vue"; import { RouteRecordRaw } from "vue-router"; export const routes = { dotAccounts: { @@ -18,6 +20,16 @@ export const routes = { component: dotApproveSign, name: "dotMsgSignApprove", }, + dotSignMessage: { + path: "dot-sign-message", + component: dotSignMessage, + name: "dotSignMessage", + }, + dotUpdateMetadata: { + path: "dot-update-metadata", + component: dotUpdateMetadata, + name: "dotUpdateMetadata", + }, }; export default (namespace: string): RouteRecordRaw[] => { diff --git a/packages/extension/src/ui/action/App.vue b/packages/extension/src/ui/action/App.vue index 7c3ff8370..15dc35e8b 100644 --- a/packages/extension/src/ui/action/App.vue +++ b/packages/extension/src/ui/action/App.vue @@ -2,22 +2,18 @@
@@ -71,6 +72,8 @@ import LogoMin from "./icons/common/logo-min.vue"; import AddIcon from "./icons/common/add-icon.vue"; import SettingsIcon from "./icons/common/settings-icon.vue"; import HoldIcon from "./icons/common/hold-icon.vue"; +import AddNetwork from "./views/add-network/index.vue"; +import Settings from "./views/settings/index.vue"; import { useRouter, useRoute } from "vue-router"; import { WindowPromise } from "@/libs/window-promise"; import { NodeType } from "@/types/provider"; @@ -103,6 +106,8 @@ const defaultNetwork = networks.find( ) as NodeType; const currentNetwork = ref(defaultNetwork); const kr = new PublicKeyRing(); +const addNetworkShow = ref(false); +const settingsShow = ref(false); onMounted(async () => { const curNetwork = await tabstate.getSelectedNetWork(); @@ -164,8 +169,11 @@ const setNetwork = async (network: NodeType) => { } } }; -const addNetwork = () => { - router.push({ name: "add-network" }); +const addNetworkToggle = () => { + addNetworkShow.value = !addNetworkShow.value; +}; +const settingsToggle = () => { + settingsShow.value = !settingsShow.value; }; const onSelectedAddressChanged = async (newAccount: KeyRecord) => { accountHeaderData.value.selectedAccount = newAccount; @@ -187,15 +195,33 @@ const openCreate = () => { console.log(error); }); }; + +const showNetworkMenu = () => { + const selected = route.params.id as string; + return ( + !!selected && + (route.name == "activity" || + route.name == "assets" || + route.name == "nfts" || + route.name == "dapps") + ); +}; + +const searchInput = (text: string) => { + console.log(text); +}; diff --git a/packages/extension/src/ui/action/components/app-menu/index.vue b/packages/extension/src/ui/action/components/app-menu/index.vue index 7cbfb6eab..e07e16464 100644 --- a/packages/extension/src/ui/action/components/app-menu/index.vue +++ b/packages/extension/src/ui/action/components/app-menu/index.vue @@ -1,6 +1,6 @@