merge

Author: xdeq

app.vue

@@ -17,22 +17,22 @@ import { fetchHead } from "@/services/api/main"
 import { fetchLatestBlocks } from "@/services/api/block"
 
 /** Store */
-import { useNodeStore } from "@/store/node"
-import { useAppStore } from "@/store/app"
-import { useBookmarksStore } from "@/store/bookmarks"
-import { useSettingsStore } from "@/store/settings"
-import { useEnumStore } from "@/store/enums"
-import { useLegalStore } from "@/store/legal"
-import { useNotificationsStore } from "@/store/notifications"
-import { useRollupsRankingStore } from "@/store/rollupsrank"
+import { useNodeStore } from "@/store/node.store"
+import { useAppStore } from "@/store/app.store"
+import { useBookmarksStore } from "@/store/bookmarks.store"
+import { useSettingsStore } from "@/store/settings.store"
+import { useEnumStore } from "@/store/enums.store"
+import { useLegalStore } from "@/store/legal.store"
+import { useNotificationsStore } from "@/store/notifications.store"
+import { useActivityStore } from "@/store/activity.store"
 const nodeStore = useNodeStore()
 const appStore = useAppStore()
 const bookmarksStore = useBookmarksStore()
 const settingsStore = useSettingsStore()
 const enumStore = useEnumStore()
 const legalStore = useLegalStore()
 const notificationsStore = useNotificationsStore()
-const rollupsRankingStore = useRollupsRankingStore()
+const activityStore = useActivityStore()
 
 bookmarksStore.$subscribe((mutation, state) => {
 	localStorage.setItem("bookmarks", JSON.stringify(state.bookmarks))
@@ -43,10 +43,12 @@ settingsStore.$subscribe((mutation, state) => {
 legalStore.$subscribe((mutation, state) => {
 	localStorage.setItem("legal", JSON.stringify(state.legal))
 })
-rollupsRankingStore.$subscribe((mutation, state) => {
+activityStore.$subscribe((mutation, state) => {
 	localStorage.setItem("rollups_ranking", JSON.stringify(state.rollups_ranking))
 })
 
+appStore.initConstants()
+
 let watchInterval = null
 
 onMounted(async () => {
@@ -96,7 +98,7 @@ onMounted(async () => {
 	}
 
 	settingsStore.init()
-	rollupsRankingStore.init()
+	activityStore.init()
 
 	const runtimeConfig = useRuntimeConfig()
 	amp.init(runtimeConfig.public.AMP)

assets/icons.json

@@ -33,8 +33,11 @@ $grayscale: (
 
 	/* General */
 	--brand: #18d2a5;
+	--brand-rgb: 24, 210, 165;
 	--blue: #379bff;
+	--blue-rgb: 55, 155, 255;
 	--red: #eb5757;
+	--red-rgb: 235, 87, 87;
 	--dark-red: #592121;
 	--orange: #ff5a17;
 	--light-orange: #ff8351;

assets/styles/base.scss

@@ -11,14 +11,20 @@ import Search from "@/components/modules/navigation/Search.vue"
 import { isMobile } from "@/services/utils"
 
 /** Store */
-import { useAppStore } from "@/store/app"
+import { useAppStore } from "@/store/app.store"
 const appStore = useAppStore()
 </script>
 
 <template>
 	<Flex wide align="center" justify="between" gap="24" :class="$style.wrapper">
 		<Flex wide align="center" gap="12">
-			<Button v-if="isMobile()" @click="appStore.showSidebar = !appStore.showSidebar" type="secondary" size="medium" :class="$style.menu_btn">
+			<Button
+				v-if="isMobile()"
+				@click="appStore.showSidebar = !appStore.showSidebar"
+				type="secondary"
+				size="medium"
+				:class="$style.menu_btn"
+			>
 				<Icon name="menu" size="16" color="primary" />
 			</Button>
 

components/ActionBar.vue

@@ -6,14 +6,13 @@ const props = defineProps({
 	},
 	color: {
 		type: String,
-		default: "primary"
+		default: "primary",
 	},
 })
 
 const alias = computed(() => {
 	const { $getDisplayName } = useNuxtApp()
-
-  	return $getDisplayName('addresses', "", props.account)
+	return $getDisplayName("addresses", "", props.account)
 })
 </script>
 
@@ -23,4 +22,4 @@ const alias = computed(() => {
 			<Text size="13" weight="600" :color="color"> {{ alias }} </Text>
 		</Flex>
 	</NuxtLink>
-</template>
+</template>

components/AddressBadge.vue

@@ -6,7 +6,7 @@ import { amountToString } from "@/services/utils"
 import Tooltip from "@/components/ui/Tooltip.vue"
 
 /** Store */
-import { useAppStore } from "@/store/app"
+import { useAppStore } from "@/store/app.store"
 const appStore = useAppStore()
 
 const currentPrice = computed(() => appStore.currentPrice)
@@ -74,12 +74,12 @@ const calculatedAmount = computed(() => {
 				...defaultCurrencyStyle,
 				...props.styles.currency,
 			},
-		}
+		},
 	}
 
 	let tiaDisplay
 	let tiaExchange
-	if (finalAmount.amount.unit === 'utia') {
+	if (finalAmount.amount.unit === "utia") {
 		tiaExchange = finalAmount.amount.value / 1_000_000
 
 		if (finalAmount.amount.currency === "TIA") {

components/AmountInCurrency.vue

@@ -5,7 +5,7 @@
 import { space } from "@/services/utils"
 
 /** Store */
-import { useNotificationsStore } from "@/store/notifications"
+import { useNotificationsStore } from "@/store/notifications.store"
 const notificationsStore = useNotificationsStore()
 
 const props = defineProps({

components/BadgeValue.vue

@@ -6,10 +6,10 @@ import Button from "@/components/ui/Button.vue"
 import { capitilize } from "@/services/utils"
 
 /** Store */
-import { useBookmarksStore } from "@/store/bookmarks"
-import { useCacheStore } from "@/store/cache"
-import { useModalsStore } from "@/store/modals"
-import { useNotificationsStore } from "@/store/notifications"
+import { useBookmarksStore } from "@/store/bookmarks.store"
+import { useCacheStore } from "@/store/cache.store"
+import { useModalsStore } from "@/store/modals.store"
+import { useNotificationsStore } from "@/store/notifications.store"
 const bookmarksStore = useBookmarksStore()
 const cacheStore = useCacheStore()
 const modalsStore = useModalsStore()

components/BookmarkButton.vue

@@ -9,9 +9,9 @@ import { disconnect } from "@/services/wallet"
 import { arabica, mainnet, mammoth, mocha } from "@/services/chains"
 
 /** Store */
-import { useAppStore } from "@/store/app"
-import { useModalsStore } from "@/store/modals"
-import { useNotificationsStore } from "@/store/notifications"
+import { useAppStore } from "@/store/app.store"
+import { useModalsStore } from "@/store/modals.store"
+import { useNotificationsStore } from "@/store/notifications.store"
 const appStore = useAppStore()
 const modalsStore = useModalsStore()
 const notificationsStore = useNotificationsStore()

components/Connection.vue

@@ -1,6 +1,6 @@
 <script setup>
 /** Store */
-import { useNotificationsStore } from "@/store/notifications"
+import { useNotificationsStore } from "@/store/notifications.store"
 const notificationsStore = useNotificationsStore()
 
 const props = defineProps({