@bbki.ng/site 1.1.0 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @bbki.ng/site
 
+## 1.1.1
+
 ## 1.1.0
 
 ## 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {
@@ -24,6 +24,7 @@
     "react-dom": "^18.0.0",
     "react-hotkeys-hook": "^3.4.3",
     "react-router-dom": "6",
+    "sonner": "1.4.0",
     "swr": "^1.2.1"
   },
   "devDependencies": {

package/src/components/reload_prompt/index.tsx

@@ -1,8 +1,8 @@
-import React from "react";
+import React, { useEffect } from "react";
+import { toast } from "sonner";
 
 // @ts-ignore
 import { useRegisterSW } from "virtual:pwa-register/react";
-import { CornerPromptBox } from "@/components";
 
 export const ReloadPrompt = () => {
   const {
@@ -21,16 +21,31 @@ export const ReloadPrompt = () => {
 
   // @ts-ignore
   const appVer = GLOBAL_BBKING_VERSION;
-  console.log("appVer: ", appVer);
 
-  return (
-    <CornerPromptBox
-      className="z-[1010]"
-      content={`🚀 发现新版本（当前 v${appVer}）。获取更新？`}
-      showBox={needRefresh}
-      onCancel={close}
-      cancelLabel="关闭"
-      onOk={needRefresh ? () => updateServiceWorker(true) : close}
-    />
-  );
+  useEffect(() => {
+    if (!needRefresh) {
+      return;
+    }
+
+    toast("", {
+      description: "检测到更新，当前 v" + appVer + "。是否更新？",
+      position: "bottom-center",
+      actionButtonStyle: {
+        backgroundColor: "#fff",
+        color: "rgb(37,99,235)",
+      },
+      action: {
+        label: "是",
+        onClick: () => {
+          if (!needRefresh) {
+            setNeedRefresh(false);
+            return;
+          }
+          updateServiceWorker(true);
+        },
+      },
+    });
+  }, []);
+
+  return null;
 };

package/src/main.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
+import { Toaster } from "sonner";
 import { BrowserRouter as Router } from "react-router-dom";
 import { ReloadPrompt } from "@/components";
 import "@bbki.ng/components/style";
@@ -14,6 +15,7 @@ root.render(
     <Router>
       <ReloadPrompt />
       <App />
+      <Toaster />
     </Router>
   </React.StrictMode>
 );

package/vite.config.js

@@ -79,9 +79,9 @@ export default defineConfig({
         ],
       },
       manifest: {
-        name: "BBKi.ng",
-        short_name: "BBKi.ng",
-        description: "A Personal Site.",
+        name: "bbki.ng",
+        short_name: "bbki.ng",
+        description: "words, pictures",
         theme_color: "#ffffff",
         icons: [
           {