feat(connection): send & pfb in dropdown && mainnet

Author: xdeq

components/Connection.vue

@@ -7,15 +7,17 @@ import { Dropdown, DropdownItem, DropdownDivider } from "@/components/ui/Dropdow
 
 /** Services */
 import { suggestChain, getAccounts, disconnect } from "@/services/keplr"
-import { arabica, mocha } from "@/services/chains"
+import { arabica, mocha, mainnet } from "@/services/chains"
 
 /** API */
 import { fetchAddressByHash } from "@/services/api/address"
 
 /** Store */
 import { useAppStore } from "@/store/app"
+import { useModalsStore } from "@/store/modals"
 import { useNotificationsStore } from "@/store/notifications"
 const appStore = useAppStore()
+const modalsStore = useModalsStore()
 const notificationsStore = useNotificationsStore()
 
 const router = useRouter()
@@ -27,10 +29,13 @@ const account = ref()
 const { hostname } = useRequestURL()
 
 switch (hostname) {
+	case "localhost":
 	case "dev.celenium.io":
+		appStore.network = mainnet
+		break
+
 	case "arabica.celenium.io":
 	case "celenium.io":
-	case "localhost":
 		appStore.network = arabica
 		break
 
@@ -154,6 +159,9 @@ const handleDisconnect = () => {
 		</Button>
 
 		<template #popup>
+			<DropdownItem @click="modalsStore.open('send')">Send TIA</DropdownItem>
+			<DropdownItem @click="modalsStore.open('pfb')">Submit Blob</DropdownItem>
+			<DropdownDivider />
 			<DropdownItem @click="router.push(`/address/${appStore.address}`)">
 				<Flex direction="column" gap="6">
 					<Text>Open my address</Text>

components/modals/PayForBlobModal.vue

@@ -28,7 +28,7 @@ const props = defineProps({
 })
 
 const namespace = ref("")
-const namespaceError = ref()
+const namespaceError = ref("")
 
 const uploadInputRef = ref()
 

services/chains.js

@@ -86,3 +86,54 @@ export const arabica = {
 		coinGeckoId: "celestia",
 	},
 }
+
+export const mainnet = {
+	bech32Config: {
+		bech32PrefixAccAddr: "celestia",
+		bech32PrefixAccPub: "celestiapub",
+		bech32PrefixConsAddr: "celestiavalcons",
+		bech32PrefixConsPub: "celestiavalconspub",
+		bech32PrefixValAddr: "celestiavaloper",
+		bech32PrefixValPub: "celestiavaloperpub",
+	},
+	bip44: {
+		coinType: 118,
+	},
+	chainId: "celestia",
+	chainName: "Celestia",
+	chainSymbolImageUrl: "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/celestia/chain.png",
+	currencies: [
+		{
+			coinDecimals: 6,
+			coinDenom: "TIA",
+			coinGeckoId: "celestia",
+			coinMinimalDenom: "utia",
+			coinImageUrl: "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/celestia/chain.png",
+		},
+	],
+	features: [],
+	feeCurrencies: [
+		{
+			coinDecimals: 6,
+			coinDenom: "TIA",
+			coinGeckoId: "celestia",
+			coinMinimalDenom: "utia",
+			coinImageUrl: "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/celestia/chain.png",
+			gasPriceStep: {
+				low: 0.01,
+				average: 0.02,
+				high: 0.1,
+			},
+		},
+	],
+	rpc: "https://rpc-celestia.keplr.app",
+	rest: "https://lcd-celestia.keplr.app",
+	stakeCurrency: {
+		coinDecimals: 6,
+		coinDenom: "TIA",
+		coinGeckoId: "celestia",
+		coinMinimalDenom: "utia",
+		coinImageUrl: "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/celestia/utia.png",
+	},
+	walletUrlForStaking: "https://wallet.keplr.app/chains/celestia",
+}