cleanup & minor fixes

Author: xdeq

.oxlintrc.json

@@ -1,3 +1,6 @@
 {
+	"rules": {
+		"no-async-promise-executor": "off"
+	},
 	"ignorePatterns": ["services/lumina-node-wasm/**", "services/utils/blob.js", "services/utils/blobtx.js"]
 }

assets/styles/base.scss

@@ -46,8 +46,8 @@ $grayscale: (
 	--neutral-mint: #109373;
 	--dark-mint: #1e473d;
 	--legendary: #ff5a17;
-	--epic: #7448E7;
-	--rare: #007AFF;
+	--epic: #7448e7;
+	--rare: #007aff;
 
 	/* Grayscale */
 	@each $gray, $value in $grayscale {
@@ -78,10 +78,9 @@ $grayscale: (
 	--validator-active: #85f891;
 	--validator-inactive: #1ca7ed;
 	--validator-jailed: #f8774a;
-	// --supply: #65c7f8;
 	--supply: #1ca7ed;
 	--staking: #85f891;
-	--geo-map: #8B8C8D;
+	--geo-map: #8b8c8d;
 }
 
 [theme="dimmed"] {
@@ -105,7 +104,6 @@ $grayscale: (
 	--txt-white: rgba(255, 255, 255, 95%);
 
 	/* General */
-	// --brand: #18d2a5;
 	--brand: #33a853;
 	--blue: #0b84fe;
 	--red: #eb5757;
@@ -120,8 +118,8 @@ $grayscale: (
 	--neutral-mint: #109373;
 	--dark-mint: #1e473d;
 	--legendary: #ff5a17;
-	--epic: #7448E7;
-	--rare: #007AFF;
+	--epic: #7448e7;
+	--rare: #007aff;
 
 	/* Grayscale */
 	@each $gray, $value in $grayscale {
@@ -146,7 +144,7 @@ $grayscale: (
 	--block-progress-fill-background: #33a853;
 	--logo-name: var(--txt-primary);
 	--bar-fill: rgb(243, 147, 45);
-	--geo-map: #8B8C8D;
+	--geo-map: #8b8c8d;
 }
 
 [theme="light"] {
@@ -170,7 +168,6 @@ $grayscale: (
 	--txt-white: rgba(255, 255, 255, 95%);
 
 	/* General */
-	// --brand: #18d2a5;
 	--brand: #0ade71;
 	--blue: #0b84fe;
 	--red: #eb5757;
@@ -185,8 +182,8 @@ $grayscale: (
 	--neutral-mint: #109373;
 	--dark-mint: #c4f9eb;
 	--legendary: #ff5a17;
-	--epic: #7448E7;
-	--rare: #007AFF;
+	--epic: #7448e7;
+	--rare: #007aff;
 
 	/* Grayscale */
 	@each $gray, $value in $grayscale {
@@ -211,7 +208,7 @@ $grayscale: (
 	--block-progress-fill-background: #33a853;
 	--logo-name: var(--txt-primary);
 	--bar-fill: rgb(243, 147, 45);
-	--geo-map: #8B8C8D;
+	--geo-map: #8b8c8d;
 }
 
 @font-face {
@@ -273,7 +270,7 @@ body {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-	
+
 	user-select: text;
 }
 

components/LeftSidebar.vue

@@ -96,7 +96,6 @@ const mainLinks = reactive([
 				path: "/stats?tab=ecosystem",
 				queryParam: { tab: "ecosystem" },
 				show: false,
-				// show: isMainnet(),
 			},
 		],
 	},

components/modals/BlobModal.vue

@@ -73,8 +73,6 @@ const getBlobMetadata = async () => {
 	} else {
 		notFound.value = true
 	}
-
-	// isLoading.value = false
 }
 
 watch(
@@ -88,7 +86,6 @@ watch(
 
 			await getBlobMetadata()
 
-			
 			const { data } = await fetchBlobBlockscoutData({
 				height: cacheStore.selectedBlob.height,
 				namespace: cacheStore.selectedBlob.hash,
@@ -381,7 +378,6 @@ const handlePreviewContent = () => {
 						<Icon name="arrow-narrow-up-right" size="12" color="tertiary" />
 					</Button>
 
-
 					<Button @click="handleDownload" type="secondary" size="small" :disabled="isLoading">
 						<Icon name="download" size="14" color="secondary" />
 

components/modals/VestingDetailsModal.vue

@@ -1,6 +1,6 @@
 <script setup>
 /** Vendor */
-import { DateTime } from "luxon";
+import { DateTime } from "luxon"
 
 /** API */
 import { fetchVestingPeriods } from "@/services/api/address"
@@ -9,10 +9,10 @@ import { fetchVestingPeriods } from "@/services/api/address"
 import Button from "@/components/ui/Button.vue"
 import Modal from "@/components/ui/Modal.vue"
 import Spinner from "@/components/ui/Spinner.vue"
-import Tooltip from "@/components/ui/Tooltip.vue";
+import Tooltip from "@/components/ui/Tooltip.vue"
 
 /** Services */
-import { capitilize, comma } from "@/services/utils";
+import { capitilize, comma } from "@/services/utils"
 
 /** Store */
 import { useCacheStore } from "@/store/cache"
@@ -55,14 +55,12 @@ const getVestingPeriods = async () => {
 	isLoading.value = false
 }
 
-
 watch(
 	() => props.show,
 	async () => {
 		if (props.show) {
 			vesting.value = cacheStore.current.vesting
 			nextTick(async () => {
-				// vesting.value = cacheStore.current.vesting
 				getVestingPeriods()
 			})
 		}
@@ -73,15 +71,15 @@ watch(
 	() => page.value,
 	() => {
 		getVestingPeriods()
-	}
+	},
 )
 </script>
 
 <template>
 	<Modal :show="show" @onClose="emit('onClose')" width="500" disable-trap>
 		<Flex direction="column" gap="24">
 			<Text size="16" weight="600" color="primary">Releasing Schedule</Text>
-			
+
 			<Flex align="center" justify="between" wide>
 				<Flex align="center" direction="column" gap="12" :class="$style.value">
 					<Flex align="center" gap="4">
@@ -91,7 +89,10 @@ watch(
 
 					<Flex align="center" justify="start" gap="4" wide>
 						<Text size="12" weight="500" color="tertiary">Total Amount:</Text>
-						<AmountInCurrency :amount="{ value: vesting.amount, decimal: 6 }" :styles="{ amount: { size: '13' }, currency: { size: '13', color: 'primary' }}" />
+						<AmountInCurrency
+							:amount="{ value: vesting.amount, decimal: 6 }"
+							:styles="{ amount: { size: '13' }, currency: { size: '13', color: 'primary' } }"
+						/>
 					</Flex>
 				</Flex>
 
@@ -127,41 +128,40 @@ watch(
 						<tr v-for="vp in vestingPeriods">
 							<td>
 								<Flex align="center" justify="start" gap="4">
-										<Text size="12" weight="600" color="primary">
-											{{ DateTime.fromISO(vp.time).setLocale("en").toFormat("yyyy LLL d, t") }}
-										</Text>
+									<Text size="12" weight="600" color="primary">
+										{{ DateTime.fromISO(vp.time).setLocale("en").toFormat("yyyy LLL d, t") }}
+									</Text>
 
-										<Text size="11" weight="500" color="tertiary">
-											({{ DateTime.fromISO(vp.time).toRelative({ locale: "en", style: "short" }) }})
-										</Text>
+									<Text size="11" weight="500" color="tertiary">
+										({{ DateTime.fromISO(vp.time).toRelative({ locale: "en", style: "short" }) }})
+									</Text>
 								</Flex>
 							</td>
 							<td>
-								<AmountInCurrency :amount="{ value: vp.amount, decimal: 6 }" :styles="{ amount: { size: '13' }, currency: { size: '13' }}" />
+								<AmountInCurrency
+									:amount="{ value: vp.amount, decimal: 6 }"
+									:styles="{ amount: { size: '13' }, currency: { size: '13' } }"
+								/>
 							</td>
 							<td>
 								<Flex align="center" justify="center">
 									<Tooltip v-if="DateTime.fromISO(vp.time).ts <= DateTime.now().ts" position="start" delay="500">
 										<Icon name="check" size="16" color="neutral-green" />
 
-										<template #content>
-											Released
-										</template>
+										<template #content> Released </template>
 									</Tooltip>
 
 									<Tooltip v-else position="start" delay="500">
 										<Icon name="clock-forward" size="16" color="secondary" />
 
-										<template #content>
-											Waiting
-										</template>
+										<template #content> Waiting </template>
 									</Tooltip>
 								</Flex>
 							</td>
 						</tr>
 					</tbody>
 				</table>
-				
+
 				<!-- Pagination -->
 				<Flex align="center" justify="end" gap="6" :class="$style.pagination">
 					<Button @click="page = 1" type="secondary" size="mini" :disabled="page === 1">
@@ -275,5 +275,4 @@ watch(
 	height: 1px;
 	background: var(--op-5);
 }
-
 </style>