Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: refactor tabs

Browse Source
This commit is contained in:
kieran
2024-09-19 12:06:19 +01:00
parent 0aff59b274
commit 032294456e
4 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/app/src/Pages/Discover.tsx
View File

@ -1,7 +1,7 @@
import { useState } from "react";
import { useIntl } from "react-intl";
import { Tab, TabSelector } from "@/Components/TabSelectors/TabSelectors";
import TabSelectors, { Tab } from "@/Components/TabSelectors/TabSelectors";
import TrendingNotes from "@/Components/Trending/TrendingPosts";
import TrendingUsers from "@/Components/Trending/TrendingUsers";
@ -9,8 +9,8 @@ export default function Discover() {
const { formatMessage } = useIntl();
// tabs
const Tabs = {
Posts: { text: formatMessage({ defaultMessage: "Trending Notes", id: "Ix8l+B" }), value: 1 },
Profiles: { text: formatMessage({ defaultMessage: "Trending People", id: "CVWeJ6" }), value: 0 },
Posts: { text: formatMessage({ defaultMessage: "Trending Notes" }), value: 1 },
Profiles: { text: formatMessage({ defaultMessage: "Trending People" }), value: 0 },
};
const [tab, setTab] = useState<Tab>(Tabs.Profiles);
@ -30,11 +30,7 @@ export default function Discover() {
return (
<>
<div className="tabs p">
{[Tabs.Profiles, Tabs.Posts].map(a => (
<TabSelector key={a.value} tab={tab} setTab={setTab} t={a} />
))}
</div>
<TabSelectors tabs={[Tabs.Profiles, Tabs.Posts]} tab={tab} setTab={setTab} />
{renderTab()}
</>
);