diff --git a/components/account/tabs/AccountOperationViewTabs.tsx b/components/account/tabs/AccountOperationViewTabs.tsx index 39e8869354627108be1189ac052c5fd8961dd63d..0686be3da4cb602ba81015b24948bea04b30ce11 100644 --- a/components/account/tabs/AccountOperationViewTabs.tsx +++ b/components/account/tabs/AccountOperationViewTabs.tsx @@ -1,6 +1,8 @@ import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; import OperationTabContent from "./operations/OperationsTabContent"; import CommentsTabContent from "./comments/CommentsTabContent"; +import PostsTabContent from "./posts/PostsTabContent"; +import { useTabs } from "@/contexts/TabsContext"; interface AccountOperationViewTabs { liveDataEnabled: boolean; @@ -9,9 +11,14 @@ interface AccountOperationViewTabs { const AccountOperationViewTabs: React.FC<AccountOperationViewTabs> = ({ liveDataEnabled, }) => { + const { activeTab, setActiveTab } = useTabs(); + + const handleTabChange = (value: string) => setActiveTab(value); + return ( <Tabs - defaultValue="operations" + value={activeTab} + onValueChange={handleTabChange} className="flex-col w-full" > <TabsList className="flex w-full justify-start"> @@ -22,6 +29,12 @@ const AccountOperationViewTabs: React.FC<AccountOperationViewTabs> = ({ > Operations </TabsTrigger> + <TabsTrigger + className="rounded" + value="posts" + > + Posts + </TabsTrigger> <TabsTrigger className="rounded" value="comments" @@ -31,9 +44,9 @@ const AccountOperationViewTabs: React.FC<AccountOperationViewTabs> = ({ </div> </TabsList> <OperationTabContent liveDataEnabled={liveDataEnabled} /> + <PostsTabContent /> <CommentsTabContent /> </Tabs> ); }; - export default AccountOperationViewTabs; diff --git a/components/account/tabs/posts/PostsTabContent.tsx b/components/account/tabs/posts/PostsTabContent.tsx new file mode 100644 index 0000000000000000000000000000000000000000..613bc032760199ad71dc9af2a68e6365ce9714a0 --- /dev/null +++ b/components/account/tabs/posts/PostsTabContent.tsx @@ -0,0 +1,22 @@ +import CommentsPermlinkSearch from "@/components/home/searches/CommentPermlinkSearch"; +import CommentPermlinkSearchResults from "@/components/home/searches/searchesResults/CommentPermlinkSearchResults"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { TabsContent } from "@/components/ui/tabs"; + +const PostsTabContent = () => { + return ( + <TabsContent value="posts"> + <Card className="mb-4"> + <CardHeader> + <CardTitle>Post search</CardTitle> + </CardHeader> + <CardContent> + <CommentsPermlinkSearch /> + </CardContent> + </Card> + <CommentPermlinkSearchResults /> + </TabsContent> + ); +}; + +export default PostsTabContent;