xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: dashboard comments list loading

This commit is contained in:
DIYgod 2023-07-26 14:07:16 +01:00
parent da7745d098
commit 4a3dea2967
No known key found for this signature in database
2 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/dashboard/[subdomain]/comments/page-component.tsx
View File

@ -42,7 +42,7 @@ export default function CommentsPage() {
return (
<DashboardMain title="Comments">
<div className="min-w-[270px] max-w-screen-lg">
<div className="min-w-[270px] max-w-screen-lg flex-1 flex flex-col">
<div className="text-sm text-zinc-500 leading-relaxed">
<p>
{t(
@ -56,11 +56,10 @@ export default function CommentsPage() {
</UniLink>
</p>
</div>
<div className="xlog-comment">
<div className="prose space-y-4 pt-4">
<div className="xlog-comment flex-1 flex">
<div className="prose space-y-4 pt-4 flex-1">
<Virtuoso
className="xlog-comment-list"
useWindowScroll
data={data}
endReached={() =>
comments.hasNextPage && comments.fetchNextPage()

21
src/components/dashboard/DashboardMain.tsx
View File

@ -17,17 +17,16 @@ export const DashboardMain = ({
const isMobileLayout = useIsMobileLayout()
return (
<div className="flex-1">
<div
className={cn(
fullWidth ? "relative" : "min-w-[270px] relative px-5 py-5 md:px-10",
className,
isMobileLayout ? "max-w-[100vw]" : "",
)}
>
{title && <p className="text-2xl font-bold mb-8">{t(title)}</p>}
{children}
</div>
<div
className={cn(
fullWidth ? "relative" : "min-w-[270px] relative px-5 py-5 md:px-10",
className,
isMobileLayout ? "max-w-[100vw]" : "",
"min-h-full flex flex-col",
)}
>
{title && <p className="text-2xl font-bold mb-8">{t(title)}</p>}
{children}
</div>
)
}