@bbki.ng/site 1.5.7 → 1.5.9

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @bbki.ng/site
 
+## 1.5.9
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {
@@ -16,7 +16,7 @@
     "url": "git+https://github.com/bbbottle/bbki.ng.git"
   },
   "dependencies": {
-    "@bbki.ng/components": "workspace:2.4.6",
+    "@bbki.ng/components": "workspace:2.4.7",
     "@supabase/supabase-js": "^1.35.4",
     "classnames": "2.3.1",
     "react": "^18.0.0",
@@ -28,7 +28,7 @@
     "swr": "^2.2.5"
   },
   "devDependencies": {
-    "@bbki.ng/stylebase": "workspace:0.3.6",
+    "@bbki.ng/stylebase": "workspace:0.3.7",
     "@mdx-js/mdx": "2.0.0-next.9",
     "@mdx-js/react": "^1.6.22",
     "@mdx-js/rollup": "3.0.0",

package/src/articles/now.mdx

@@ -1,5 +1,5 @@
 ---
-title: ""
+title: "近况"
 ---
 
 import { MovieList } from "@/components/movie_list";

package/src/components/article_ctx_menu/index.tsx

@@ -10,6 +10,7 @@ import { useNavigate, useParams } from "react-router-dom";
 import { useDelPost } from "@/hooks/use_delete_post";
 import { toast } from "sonner";
 import { confirm } from "@/utils";
+import { useLoadingIndicator } from "@/hooks/useLoadingIndicator";
 
 export const ArticleCtxMenu = (props: { children: ReactElement }) => {
   const auth = useAuthed();
@@ -17,6 +18,7 @@ export const ArticleCtxMenu = (props: { children: ReactElement }) => {
   const routeParams = useParams();
   const nav = useNavigate();
   const title = routeParams.title;
+  const dot = useLoadingIndicator();
 
   if (!auth) {
     return props.children;
@@ -27,11 +29,13 @@ export const ArticleCtxMenu = (props: { children: ReactElement }) => {
   }
 
   const doDel = useCallback(() => {
+    dot.setVisibility(true);
     del(title)
       .then(() => {
         toast.success("删除成功", {
           position: "top-center",
         });
+        dot.setVisibility(false);
         nav("/blog");
       })
       .catch(console.log);

package/src/hooks/useLoadingIndicator.ts

@@ -0,0 +1,11 @@
+import { GlobalLoadingContext } from "@/global_loading_state_provider";
+import { useContext } from "react";
+
+export const useLoadingIndicator = () => {
+  const globalCtx = useContext(GlobalLoadingContext);
+
+  return {
+    setVisibility: globalCtx.setIsLoading,
+    isVisible: globalCtx.isLoading,
+  };
+};