Files
NotionNext/components/ui/dashboard/DashboardSignOutButton.js
2024-11-21 11:24:32 +08:00

21 lines
752 B
JavaScript

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>
)
}