DashBoard组件相关

components/ui/dashboard/DashboardHeader.js

@@ -1,8 +1,9 @@
 import LazyImage from '@/components/LazyImage'
 import { useGlobal } from '@/lib/global'
 import formatDate from '@/lib/utils/formatDate'
-import { SignOutButton } from '@clerk/nextjs'
 import Link from 'next/link'
+import DashboardSignOutButton from './DashboardSignOutButton'
+
 /**
  * 仪表盘页头
  * @returns
@@ -39,13 +40,7 @@ export default function DashboardHeader() {
 
         {/* 登出按钮 */}
         <div className='flex items-center'>
-          <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>
+          <DashboardSignOutButton />
         </div>
       </div>
     </>