From a8782dbe764c6040aaef84da2d39461f0d30d62e Mon Sep 17 00:00:00 2001
From: Kwaroran <amasio1234@proton.me>
Date: Thu, 12 Dec 2024 11:45:06 +0900
Subject: [PATCH] Add statics

---
 src/lang/en.ts                                |  1 +
 src/lib/Setting/Pages/AdvancedSettings.svelte | 39 +++++++++++--------
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/lang/en.ts b/src/lang/en.ts
index 6c19ef97..ae61f590 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -822,4 +822,5 @@ export const languageEnglish = {
     googleCloudTokenization: "Google Cloud Tokenization",
     presetChain: "Preset Chain",
     legacyMediaFindings: "Legacy Media Findings",
+    staticsDisclaimer: "The statistics are based on the data from after July 2024. the data may not be accurate.",
 }
\ No newline at end of file
diff --git a/src/lib/Setting/Pages/AdvancedSettings.svelte b/src/lib/Setting/Pages/AdvancedSettings.svelte
index 53c2a842..b93d59ae 100644
--- a/src/lib/Setting/Pages/AdvancedSettings.svelte
+++ b/src/lib/Setting/Pages/AdvancedSettings.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import Check from "src/lib/UI/GUI/CheckInput.svelte";
     import { language } from "src/lang";
-    
+    import Button from "src/lib/UI/GUI/Button.svelte";
     import { DBState } from 'src/ts/stores.svelte';
     import { alertMd } from "src/ts/alert";
     import { getRequestLog, isTauri } from "src/ts/globalApi.svelte";
@@ -165,21 +165,23 @@
         <Check bind:check={DBState.db.usePlainFetch} name={language.forcePlainFetch}> <Help key="forcePlainFetch" unrecommended/></Check>
     </div>
 {/if}
-<button
+<Button
+    className="mt-4"
     onclick={async () => {
         alertMd(getRequestLog())
     }}
-    class="drop-shadow-lg p-3 border-darkborderc border-solid mt-6 flex justify-center items-center ml-2 mr-2 border-1 hover:bg-selected text-sm">
+>
     {language.ShowLog}
-</button>
+</Button>
 {#if Capacitor.isNativePlatform()}
-    <button
+    <Button
+        className="mt-4"
         onclick={async () => {
             estaStorage = await capStorageInvestigation()
         }}
-        class="drop-shadow-lg p-3 border-darkborderc border-solid mt-6 flex justify-center items-center ml-2 mr-2 border-1 hover:bg-selected text-sm">
+    >
         Investigate Storage
-    </button>
+    </Button>
 
     {#if estaStorage.length > 0}
         <div class="mt-4 flex flex-col w-full p-2">
@@ -192,12 +194,17 @@
         </div>
     {/if}
 {/if}
-{#if DBState.db.tpo}
-    <button
-        onclick={async () => {
-            installPython()
-        }}
-        class="drop-shadow-lg p-3 border-darkbutton border-solid mt-6 flex justify-center items-center ml-2 mr-2 border-1 hover:bg-selected text-sm">
-        Test Python
-    </button>
-{/if}
\ No newline at end of file
+<Button
+    className="mt-4"
+    onclick={async () => {
+        let mdTable = "| Type | Value |\n| --- | --- |\n"
+        const s = DBState.db.statics
+        for (const key in s) {
+            mdTable += `| ${key} | ${s[key]} |\n`
+        }
+        mdTable += `\n\n<small>${language.staticsDisclaimer}</small>`
+        alertMd(mdTable)
+    }}
+>
+Show Statistics
+</Button>
\ No newline at end of file