style: 管理云端文章的按钮

components/PaperListButton.tsx

@@ -0,0 +1,32 @@
+"use client";
+import React from "react";
+import { useAppDispatch } from "@/app/store"; // 确保路径正确
+import { setShowPaperManagement } from "@/app/store/slices/stateSlice"; // 确保路径正确
+
+export default function PaperListButton() {
+  const dispatch = useAppDispatch();
+
+  const handleClick = () => {
+    dispatch(setShowPaperManagement());
+  };
+  return (
+    <div
+      className="py-2 px-3 flex rounded-md no-underline hover:bg-btn-background-hover border cursor-pointer"
+      onClick={handleClick}
+    >
+      <svg
+        aria-label="Menu"
+        role="img"
+        viewBox="0 0 100 80"
+        className="h-4 w-4 mr-2"
+        fill="currentColor"
+      >
+        <rect width="100" height="20"></rect>
+        <rect y="30" width="100" height="20"></rect>
+        <rect y="60" width="100" height="20"></rect>
+      </svg>
+    </div>
+  );
+}
+
+// "https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fwith-supabase&project-name=nextjs-with-supabase&repository-name=nextjs-with-supabase&demo-title=nextjs-with-supabase&demo-description=This%20starter%20configures%20Supabase%20Auth%20to%20use%20cookies%2C%20making%20the%20user's%20session%20available%20throughout%20the%20entire%20Next.js%20app%20-%20Client%20Components%2C%20Server%20Components%2C%20Route%20Handlers%2C%20Server%20Actions%20and%20Middleware.&demo-url=https%3A%2F%2Fdemo-nextjs-with-supabase.vercel.app%2F&external-id=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fwith-supabase&demo-image=https%3A%2F%2Fdemo-nextjs-with-supabase.vercel.app%2Fopengraph-image.png&integration-ids=oac_VqOgBHqhEoFTPzGkPd7L0iH6";

components/PaperListButtonWrapper.tsx

@@ -0,0 +1,12 @@
+"use client";
+
+import ReduxProvider from "@/app/store/ReduxProvider";
+import PaperListButton from "@/components/PaperListButton";
+
+export default function PaperListButtonWrapper() {
+  return (
+    <ReduxProvider>
+      <PaperListButton />
+    </ReduxProvider>
+  );
+}

components/PaperManagementWrapper.tsx

@@ -0,0 +1,12 @@
+"use client";
+
+import ReduxProvider from "@/app/store/ReduxProvider";
+import PaperManagement from "@/components/PaperManagement";
+
+export default function PaperManagementWrapper() {
+  return (
+    <ReduxProvider>
+      <PaperManagement />
+    </ReduxProvider>
+  );
+}