diff --git a/packages/ui/src/app/hooks/usePageTabs.ts b/packages/ui/src/app/hooks/usePageTabs.ts index 6640d2c2c0..6f29055860 100644 --- a/packages/ui/src/app/hooks/usePageTabs.ts +++ b/packages/ui/src/app/hooks/usePageTabs.ts @@ -9,7 +9,7 @@ interface Options { hasChanges?: boolean } -export type TabsDefinition = [string, Path] | [string, Path, number] | [string, Path, Options] +export type TabsDefinition = [string, Path] | [string, Path, number | undefined] | [string, Path, Options] export const usePageTabs = (tabs: TabsDefinition[]) => { const history = useHistory() diff --git a/packages/ui/src/app/pages/Forum/components/ForumTabs.tsx b/packages/ui/src/app/pages/Forum/components/ForumTabs.tsx index fe9c2e784c..d336d9fcaf 100644 --- a/packages/ui/src/app/pages/Forum/components/ForumTabs.tsx +++ b/packages/ui/src/app/pages/Forum/components/ForumTabs.tsx @@ -3,11 +3,15 @@ import React from 'react' import { usePageTabs } from '@/app/hooks/usePageTabs' import { Tabs } from '@/common/components/Tabs' import { ForumRoutes } from '@/forum/constant' +import { useMyThreads, UseMyThreadsProps } from '@/forum/hooks/useMyThreads' + +const order = { orderKey: 'updatedAt', isDescending: true } export const ForumTabs = () => { + const { totalCount } = useMyThreads({ page: 1, order } as UseMyThreadsProps) const tabs = usePageTabs([ ['Forum', ForumRoutes.forum], - ['My Threads', ForumRoutes.myThreads], + ['My Threads', ForumRoutes.myThreads, totalCount], ['Watchlist', ForumRoutes.watchlist], ['Archived', ForumRoutes.archived], ]) diff --git a/packages/ui/src/forum/hooks/useMyThreads.ts b/packages/ui/src/forum/hooks/useMyThreads.ts index 096d2d3754..781edc4b80 100644 --- a/packages/ui/src/forum/hooks/useMyThreads.ts +++ b/packages/ui/src/forum/hooks/useMyThreads.ts @@ -5,7 +5,7 @@ import { useGetForumThreadsCountQuery, useGetForumThreadsQuery } from '@/forum/q import { asForumThread, ForumThread } from '@/forum/types' import { useMyMemberships } from '@/memberships/hooks/useMyMemberships' -interface UseMyThreadsProps { +export interface UseMyThreadsProps { page: number threadsPerPage?: number order: SortOrder