feat: comment oauth set url

Signed-off-by: Innei <i@innei.in>

src/components/layout/header/internal/UserAuth.tsx

@@ -1,6 +1,5 @@
 'use client'
 
-import React from 'react'
 import { AnimatePresence } from 'framer-motion'
 import dynamic from 'next/dynamic'
 import Image from 'next/image'
@@ -62,6 +61,7 @@ export function UserAuth() {
  const isLogged = useIsLogged()
 
  const isDark = useIsDark()
+
  if (isLogged) {
  return <OwnerAvatar />
  }

src/components/modules/comment/CommentBox/AuthedInput.tsx

@@ -23,6 +23,19 @@ export const CommentBoxAuthedInput = () => {
  setter('avatar', user.imageUrl)
  setter('mail', user.primaryEmailAddress?.emailAddress || '')
 
+ for (const account of user.externalAccounts) {
+ if (account.provider === 'github') {
+ account.username &&
+ setter('url', `https://github.com/${account.username}`)
+ break
+ }
+
+ if (account.provider === 'twitter') {
+ account.username && setter('url', `https://x.com/${account.username}`)
+ break
+ }
+ }
+
  const strategy = user.primaryEmailAddress?.verification.strategy
 
  strategy && setter('source', strategy)

src/styles/clerk.css

@@ -7,7 +7,9 @@
  --accent: theme('colors.zinc.900');
  --accentDark: theme('colors.zinc.800');
 }
-
+.cl-userButtonPopoverCard.cl-userButton-popover {
+ @apply pt-0;
+}
 .cl-cardBox {
  @apply overflow-visible;
 }