From 6a4884aec930b6ad078f3e83bb87b23036141e0a Mon Sep 17 00:00:00 2001 From: RcleydsonR Date: Mon, 9 Jan 2023 19:33:18 -0300 Subject: [PATCH 01/35] apply network transition when change network on top bar Co-authored-by: brunoedcf --- src/components/TopBar.vue | 196 +++++++++++++++++++++----------------- src/model/NetworkEnum.ts | 4 + src/store/ether.ts | 5 + 3 files changed, 116 insertions(+), 89 deletions(-) create mode 100644 src/model/NetworkEnum.ts diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue index 255f033..47dc037 100644 --- a/src/components/TopBar.vue +++ b/src/components/TopBar.vue @@ -2,7 +2,10 @@ import { storeToRefs } from "pinia"; import { useEtherStore } from "../store/ether"; import { ref } from "vue"; +import { NetworkEnum } from "@/model/NetworkEnum"; import blockchain from "../utils/blockchain"; +import ethereumImage from "../assets/ethereum.svg" +import polygonImage from "../assets/polygon.svg" // Store reference const etherStore = useEtherStore(); @@ -44,6 +47,15 @@ const disconnectUser = () => { const closeMenu = () => { menuOpenToggle.value = false; }; + +const getNetworkImage = (networkName: NetworkEnum) => { + let validImages = { + "Ethereum": ethereumImage, + "Polygon": polygonImage, + } + + return validImages[networkName]; +}