Merge pull request #115 from celenium-io/faucet

Faucet

Author: GusevPM

assets/icons.json

@@ -201,5 +201,7 @@
 	"line-chart": "M3.5,18.5L9.5,12.5L13.5,16.5L22,6.92L20.59,5.5L13.5,13.5L9.5,9.5L2,17L3.5,18.5Z",
 	"bar-chart": "M3,22V8H7V22H3M10,22V2H14V22H10M17,22V14H21V22H17Z",
 	"gantt-chart": "M2,5H10V2H12V22H10V18H6V15H10V13H4V10H10V8H2V5M14,5H17V8H14V5M14,10H19V13H14V10M14,15H22V18H14V15Z",
-	"crown": "M5 16L3 5L8.5 10L12 4L15.5 10L21 5L19 16H5M19 19C19 19.6 18.6 20 18 20H6C5.4 20 5 19.6 5 19V18H19V19Z"
+	"crown": "M5 16L3 5L8.5 10L12 4L15.5 10L21 5L19 16H5M19 19C19 19.6 18.6 20 18 20H6C5.4 20 5 19.6 5 19V18H19V19Z",
+	"drop": "M12 18C12 18.7 12.12 19.36 12.34 20C12.23 20 12.12 20 12 20C8.69 20 6 17.31 6 14C6 10 12 3.25 12 3.25S16.31 8.1 17.62 12C16.93 12.06 16.28 12.22 15.67 12.47C15 10.68 13.5 8.33 12 6.39C10 8.96 8 12.23 8 14C8 16.21 9.79 18 12 18M19 17V14H17V17H14V19H17V22H19V19H22V17H19Z",
+	"faucet": "M21 21H3C3 19.9 3.9 19 5 19H19C20.11 19 21 19.89 21 21M19 7C19 5.39 17.93 3 15 3S11 5.39 11 7V18H13V7C13 6.54 13.17 5 15 5S17 6.54 17 7H16.5V9H19.5V7H19M7 12C6.45 12 6 12.45 6 13V14H3V15H6V18H8V13C8 12.45 7.55 12 7 12M21 14H18V13C18 12.45 17.55 12 17 12S16 12.45 16 13V18H18V15H21V14Z"
 }

components/LeftSidebar.vue

@@ -127,6 +127,11 @@ const modularLinks = reactive([
 
 const isToolsLinkCollapsed = ref(false)
 const toolsLinks = reactive([
+	{
+		icon: "drop",
+		name: "Faucet",
+		path: "/faucet",
+	},
 	{
 		icon: "blob",
 		name: "Blobstream",
@@ -351,9 +356,9 @@ const handleNavigate = (url) => {
 
 .group_title {
 	border-radius: 5px;
-	cursor: default;
+	cursor: pointer;
 
-	padding: 4px 6px;
+	padding: 6px 6px;
 	margin: 0 2px;
 
 	transition: all 0.2s ease;

components/cmd/CommandMenu.vue

@@ -291,6 +291,15 @@ const rawNavigationActions = [
 			router.push("/calculators/savings")
 		},
 	},
+	{
+		type: "callback",
+		icon: "arrow-narrow-right",
+		title: "Go to Faucet",
+		runText: "Open Faucet",
+		callback: () => {
+			router.push("/faucet")
+		},
+	},
 	{
 		type: "callback",
 		icon: "arrow-narrow-right",

components/modals/SendModal.vue

@@ -10,7 +10,6 @@ import Button from "@/components/ui/Button.vue"
 
 /** API */
 import { search } from "@/services/api/search"
-import { fetchAddressByHash } from "@/services/api/address"
 
 /** Services */
 import amp from "@/services/amp"

components/modals/StakingModal.vue

@@ -210,7 +210,7 @@ watch(
 			}
 
 			if (cacheStore.current.validator) {
-				address.value = cacheStore.current.validator.address
+				address.value = cacheStore.current.validator.address?.hash
 			}
 
 			nextTick(() => {

components/shared/AdvBanner.vue

@@ -17,11 +17,15 @@ const props = defineProps({
 	},
 })
 
+const router = useRouter()
+
 const adv = ref({})
 const isDisplayed = ref(true)
 
 const handleClick = () => {
-	if (adv.value.link) {
+	if (adv.value.internalLink) {
+		router.push(adv.value.internalLink)
+	} else if (adv.value.link) {
 		window.open(adv.value.link, '_blank')
 	} else if (adv.value.modal) {
 		modalsStore.open(adv.value.modal)

components/widgets/StakingWidget.vue

@@ -20,12 +20,12 @@ const wrapperEl = ref(null)
 const wrapperWidth = ref(0)
 const barWidth = computed(() => Math.round(wrapperWidth.value - 32))
 
-const totalSupply = computed(() => lastHead.value.total_supply / 1_000_000)
+const totalSupply = computed(() => lastHead.value?.total_supply / 1_000_000)
 const totalSupplyUSD = computed(() => totalSupply.value * currentPrice.value?.close)
-const totalVotingPower = computed(() => lastHead.value.total_voting_power)
+const totalVotingPower = computed(() => lastHead.value?.total_voting_power)
 const totalVotingPowerUSD = computed(() => totalVotingPower.value * currentPrice.value?.close)
 
-const bondedShare = computed(() => shareOfTotal(lastHead?.value.total_voting_power * 1_000_000, lastHead?.value.total_supply, 2))
+const bondedShare = computed(() => shareOfTotal(lastHead.value?.total_voting_power * 1_000_000, lastHead.value?.total_supply, 2))
 
 const isRefetching = ref(true)
 const totalValidators = ref(0)
@@ -51,7 +51,7 @@ const validatorsGraph = ref([
 	},
 ])
 
-const getValidatorsStats = async () => {
+const fetchValidatorsStats = async () => {
 	isRefetching.value = true
 
 	const { data } = await fetchValidatorsCount()