Merge branch 'dev' into CLS-228-blobstream

Author: xdeq

app.vue

@@ -10,6 +10,7 @@ import CommandMenu from "@/components/cmd/CommandMenu.vue"
 /** API */
 import { fetchGasPrice } from "@/services/api/gas"
 import { fetchHead } from "@/services/api/main"
+import { fetchLatestBlocks } from "@/services/api/block"
 
 /** Store */
 import { useAppStore } from "@/store/app"
@@ -21,18 +22,22 @@ bookmarksStore.$subscribe((mutation, state) => {
 })
 
 onMounted(async () => {
+	if (localStorage.bookmarks) {
+		bookmarksStore.bookmarks = JSON.parse(localStorage.bookmarks)
+	}
+
 	const runtimeConfig = useRuntimeConfig()
 	amp.init(runtimeConfig.public.AMP)
 
+	const data = await fetchLatestBlocks({ limit: 15 })
+	appStore.latestBlocks = data
+	appStore.isLatestBlocksLoaded = true
+
 	const head = await fetchHead()
 	if (head) appStore.lastHead = head
 
 	Socket.init()
 
-	if (localStorage.bookmarks) {
-		bookmarksStore.bookmarks = JSON.parse(localStorage.bookmarks)
-	}
-
 	const gasPrice = await fetchGasPrice()
 	appStore.gas = gasPrice
 

assets/styles/base.scss

@@ -67,12 +67,11 @@ $grayscale: (
 	--block-progress-fill-background: #33a853;
 	--logo-name: var(--txt-primary);
 	--bar-fill: rgb(243, 147, 45);
-	--validator-active: #85F891;
-	--validator-inactive: #65C7F8;
-	--validator-jailed: #F8774A;
-	--supply: #65C7F8;
-	--staking: #85F891;
-
+	--validator-active: #85f891;
+	--validator-inactive: #65c7f8;
+	--validator-jailed: #f8774a;
+	--supply: #65c7f8;
+	--staking: #85f891;
 }
 
 [theme="dimmed"] {