DashBoard组件相关

components/ui/dashboard/DashboardSignOutButton.js

@@ -0,0 +1,20 @@
+import { SignOutButton } from '@clerk/nextjs'
+/**
+ * 控制台登出按钮
+ * @returns
+ */
+export default function DashboardSignOutButton() {
+  const enableClerk = process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
+  if (!enableClerk) {
+    return null
+  }
+  return (
+    <SignOutButton redirectUrl='/'>
+      <button className='text-white bg-gray-800 hover:bg-gray-900 hover:ring-4 hover:ring-gray-300 focus:outline-none focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700'>
+        <span className='text-nowrap'>
+          <i className='fas fa-right-from-bracket' /> Sign Out
+        </span>
+      </button>
+    </SignOutButton>
+  )
+}