feat: chart theme switch

2023-05-28 09:19:39 +08:00
parent b10578e680
commit 2f93b4c10c
6 changed files with 230 additions and 237 deletions
@@ -7,101 +7,111 @@ import { hashTx } from '@/libs';
 import { fromBase64 } from '@cosmjs/encoding';

 export const useBaseStore = defineStore('baseStore', {
-  state: () => {
-    return {
-      earlest: {} as Block,
-      latest: {} as Block,
-      recents: [] as Block[],
-    };
-  },
-  getters: {
-    blocktime(): number {
-      if (this.earlest && this.latest) {
-        if (
-          this.latest.block?.header?.height !==
-          this.earlest.block?.header?.height
-        ) {
-          const diff = dayjs(this.latest.block?.header?.time).diff(
-            this.earlest.block?.header?.time
-          );
-          return diff;
-        }
-      }
-      return 6000;
+    state: () => {
+        return {
+            earlest: {} as Block,
+            latest: {} as Block,
+            recents: [] as Block[],
+            theme: (window.localStorage.getItem('theme') || 'dark') as
+                | 'light'
+                | 'dark',
+        };
    },
-    blockchain() {
-      return useBlockchain();
-    },
-    currentChainId(): string {
-      return this.latest.block?.header.chain_id || ""
-    },
-    txsInRecents() {
-      const txs = [] as { height: string; hash: string; tx: DecodedTxRaw }[];
-      this.recents.forEach((b) =>
-        b.block?.data?.txs.forEach((tx: string) => {
-          if (tx) {
-            const raw = fromBase64(tx);
-            try {
-              txs.push({
-                height: b.block.header.height,
-                hash: hashTx(raw),
-                tx: decodeTxRaw(raw),
-              });
-            } catch (e) {
-              console.error(e);
+    getters: {
+        blocktime(): number {
+            if (this.earlest && this.latest) {
+                if (
+                    this.latest.block?.header?.height !==
+                    this.earlest.block?.header?.height
+                ) {
+                    const diff = dayjs(this.latest.block?.header?.time).diff(
+                        this.earlest.block?.header?.time
+                    );
+                    return diff;
+                }
            }
-          }
-        })
-      );
-      return txs;
-    },
-  },
-  actions: {
-    async initial() {
-      this.fetchLatest();
-    },
-    async clearRecentBlocks() {
-      this.recents = [];
-    },
-    async fetchLatest() {
-      this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-      if (
-        !this.earlest ||
-        this.earlest?.block?.header?.chain_id !=
-          this.latest?.block?.header?.chain_id
-      ) {
-        //reset earlest and recents
-        this.earlest = this.latest;
-        this.recents = [];
-      }
-      //check if the block exists in recents
-      if (
-        this.recents.findIndex(
-          (x) => x?.block_id?.hash === this.latest?.block_id?.hash
-        ) === -1
-      ) {
-        if (this.recents.length >= 50) {
-          this.recents.shift();
-        }
-        this.recents.push(this.latest);
-      }
-      return this.latest;
+            return 6000;
+        },
+        blockchain() {
+            return useBlockchain();
+        },
+        currentChainId(): string {
+            return this.latest.block?.header.chain_id || '';
+        },
+        txsInRecents() {
+            const txs = [] as {
+                height: string;
+                hash: string;
+                tx: DecodedTxRaw;
+            }[];
+            this.recents.forEach((b) =>
+                b.block?.data?.txs.forEach((tx: string) => {
+                    if (tx) {
+                        const raw = fromBase64(tx);
+                        try {
+                            txs.push({
+                                height: b.block.header.height,
+                                hash: hashTx(raw),
+                                tx: decodeTxRaw(raw),
+                            });
+                        } catch (e) {
+                            console.error(e);
+                        }
+                    }
+                })
+            );
+            return txs;
+        },
    },
+    actions: {
+        async initial() {
+            this.fetchLatest();
+        },
+        async clearRecentBlocks() {
+            this.recents = [];
+        },
+        async fetchLatest() {
+            this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
+            if (
+                !this.earlest ||
+                this.earlest?.block?.header?.chain_id !=
+                    this.latest?.block?.header?.chain_id
+            ) {
+                //reset earlest and recents
+                this.earlest = this.latest;
+                this.recents = [];
+            }
+            //check if the block exists in recents
+            if (
+                this.recents.findIndex(
+                    (x) => x?.block_id?.hash === this.latest?.block_id?.hash
+                ) === -1
+            ) {
+                if (this.recents.length >= 50) {
+                    this.recents.shift();
+                }
+                this.recents.push(this.latest);
+            }
+            return this.latest;
+        },

-    async fetchValidatorByHeight(height?: number, offset = 0) {
-      return this.blockchain.rpc.getBaseValidatorsetAt(String(height), offset);
+        async fetchValidatorByHeight(height?: number, offset = 0) {
+            return this.blockchain.rpc.getBaseValidatorsetAt(
+                String(height),
+                offset
+            );
+        },
+        async fetchLatestValidators(offset = 0) {
+            return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
+        },
+        async fetchBlock(height?: number | string) {
+            return this.blockchain.rpc.getBaseBlockAt(String(height));
+        },
+        async fetchAbciInfo() {
+            return this.blockchain.rpc.getBaseNodeInfo();
+        },
+        // async fetchNodeInfo() {
+        //     return this.blockchain.rpc.no()
+        // }
    },
-    async fetchLatestValidators(offset = 0) {
-      return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
-    },
-    async fetchBlock(height?: number | string) {
-      return this.blockchain.rpc.getBaseBlockAt(String(height));
-    },
-    async fetchAbciInfo() {
-      return this.blockchain.rpc.getBaseNodeInfo();
-    },
-    // async fetchNodeInfo() {
-    //     return this.blockchain.rpc.no()
-    // }
-  },
 });