From 70c6079315a7018fe23ae7bfe02bed2d10163c9f Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Mon, 8 Jan 2024 19:45:09 +0800
Subject: [PATCH] fix: overflow

Signed-off-by: Innei <i@innei.in>
---
 src/app/(dashboard)/dashboard.css                    |  2 +-
 src/app/(dashboard)/dashboard/comments/page.tsx      |  2 +-
 src/components/layout/dashboard/Header.tsx           | 12 ++++++++++--
 .../dashboard/comments/CommentContentCell.tsx        |  3 ++-
 .../modules/dashboard/comments/CommentMobileList.tsx |  7 ++++---
 src/components/modules/dashboard/home/Version.tsx    |  3 ++-
 6 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/app/(dashboard)/dashboard.css b/src/app/(dashboard)/dashboard.css
index 120581207e..1f5ccd5e14 100644
--- a/src/app/(dashboard)/dashboard.css
+++ b/src/app/(dashboard)/dashboard.css
@@ -12,7 +12,7 @@
   *,
   *::before,
   *::after {
-    --bc: rgb(92, 92, 92);
+    --bc: rgb(60, 60, 60);
   }
 }
 
diff --git a/src/app/(dashboard)/dashboard/comments/page.tsx b/src/app/(dashboard)/dashboard/comments/page.tsx
index 485c34da12..eb1f724f48 100644
--- a/src/app/(dashboard)/dashboard/comments/page.tsx
+++ b/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>
diff --git a/src/components/layout/dashboard/Header.tsx b/src/components/layout/dashboard/Header.tsx
index a9ac4bfd70..622644d806 100644
--- a/src/components/layout/dashboard/Header.tsx
+++ b/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}
diff --git a/src/components/modules/dashboard/comments/CommentContentCell.tsx b/src/components/modules/dashboard/comments/CommentContentCell.tsx
index 6cfbefd197..6ebcea5b8c 100644
--- a/src/components/modules/dashboard/comments/CommentContentCell.tsx
+++ b/src/components/modules/dashboard/comments/CommentContentCell.tsx
@@ -35,6 +35,7 @@ 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
@@ -42,7 +43,7 @@ export const CommentContentCell: Component<{ comment: CommentModel }> = (
           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>
diff --git a/src/components/modules/dashboard/comments/CommentMobileList.tsx b/src/components/modules/dashboard/comments/CommentMobileList.tsx
index c017998ecb..b6f47c7a7c 100644
--- a/src/components/modules/dashboard/comments/CommentMobileList.tsx
+++ b/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 />}
diff --git a/src/components/modules/dashboard/home/Version.tsx b/src/components/modules/dashboard/home/Version.tsx
index 0a761eb711..6af7fef3bd 100644
--- a/src/components/modules/dashboard/home/Version.tsx
+++ b/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">