fix: overflow

Signed-off-by: Innei <[email protected]>

Author: Innei

src/app/(dashboard)/dashboard.css

@@ -12,7 +12,7 @@
   *,
   *::before,
   *::after {
-    --bc: rgb(92, 92, 92);
+    --bc: rgb(60, 60, 60);
   }
 }
 

src/app/(dashboard)/dashboard/comments/page.tsx

@@ -51,7 +51,7 @@ export default function Page() {
 
   const [tab, setTab] = useRouterQueryState('tab', TABS[0].key)
 
-  const currentTab = tab.toString()
+  const currentTab = tab.toString() || TABS[0].key.toString()
   return (
     <div className="relative -mt-12 flex w-full flex-grow flex-col">
       <CommentSelectionKeysProvider>

src/components/layout/dashboard/Header.tsx

@@ -4,7 +4,7 @@ import { useCallback } from 'react'
 import { m } from 'framer-motion'
 import { atom, useAtom, useSetAtom } from 'jotai'
 import Link from 'next/link'
-import { usePathname } from 'next/navigation'
+import { usePathname, useRouter } from 'next/navigation'
 import type { DashboardRoute } from '~/app/(dashboard)/routes'
 import type { MouseEventHandler, ReactNode } from 'react'
 
@@ -22,11 +22,19 @@ import { ThemeToggle } from './ThemeToggle'
 
 export const LayoutHeader = () => {
   const title = useAggregationSelector((s) => s.seo.title)
+  const router = useRouter()
   return (
     <header className="fixed left-0 right-0 top-0 z-[19] border-b-[0.5px] border-zinc-200 bg-white/80 pl-6 backdrop-blur dark:border-neutral-900 dark:bg-zinc-900/80">
       <nav className="flex h-16 items-center">
         <div className="flex items-center space-x-1 lg:space-x-3">
-          <button className="p-2 text-2xl">𝕄</button>
+          <MotionButtonBase
+            onClick={() => {
+              router.push('/dashboard')
+            }}
+            className="p-2 text-2xl"
+          >
+            𝕄
+          </MotionButtonBase>
           <BreadcrumbDivider className="opacity-20" />
           <Link href="/" className="font-bold opacity-90 md:text-base">
             {title}

src/components/modules/dashboard/comments/CommentContentCell.tsx

@@ -35,14 +35,15 @@ export const CommentContentCell: Component<{ comment: CommentModel }> = (
       return `${ref.text.slice(0, 20)}...`
     return (
       <MotionButtonBase
+        className="inline-flex grow"
         onClick={async () => {
           const url = await apiClient.proxy.helper('url-builder')(ref.id).get<{
             data: string
           }>()
           window.open(url?.data, '_blank')
         }}
       >
-        <EllipsisHorizontalTextWithTooltip wrapperClassName="text-accent inline-block !w-auto max-w-full">
+        <EllipsisHorizontalTextWithTooltip wrapperClassName="text-left text-accent inline-block !w-0 flex-grow">
           {ref.title}
         </EllipsisHorizontalTextWithTooltip>
       </MotionButtonBase>

src/components/modules/dashboard/comments/CommentMobileList.tsx

@@ -19,15 +19,16 @@ export const CommentMobileList = () => {
       </div>
     )
   }
-  if (!isUndefined(data) && !data.pages.length) {
-    return <Empty className="flex-grow" />
-  }
 
   const totalLength =
     data?.pages.reduce((acc, page) => {
       return acc + page.data.length
     }, 0) || 0
 
+  if (totalLength === 0) {
+    return <Empty className="flex-grow" />
+  }
+
   return (
     <OffsetMainLayout className="relative mt-4">
       {isLoading && <AbsoluteCenterSpinner />}

src/components/modules/dashboard/home/Version.tsx

@@ -7,7 +7,7 @@ export const Version = () => {
   const { data: version, isLoading } = useQuery({
     queryKey: ['version'],
     queryFn: () => {
-      return apiClient.proxy.get<AppInfo>()
+      return apiClient.proxy.info.get<AppInfo>()
     },
     refetchInterval: 1000 * 60 * 60 * 24,
   })
@@ -18,6 +18,7 @@ export const Version = () => {
       </div>
     )
 
+  console.log(version, 'a')
   return (
     <div className="opacity-60">
       <p className="text-center">