2024-01-04 17:01:18 +00:00
|
|
|
import { useState } from "react";
|
|
|
|
import { useIntl } from "react-intl";
|
|
|
|
|
2024-01-04 13:48:19 +00:00
|
|
|
import SuggestedProfiles from "@/Components/SuggestedProfiles";
|
2024-01-12 15:33:02 +00:00
|
|
|
import { Tab, TabSelector } from "@/Components/TabSelectors/TabSelectors";
|
2024-01-04 13:48:19 +00:00
|
|
|
import TrendingNotes from "@/Components/Trending/TrendingPosts";
|
|
|
|
import TrendingUsers from "@/Components/Trending/TrendingUsers";
|
2023-05-15 08:51:17 +00:00
|
|
|
|
|
|
|
export default function Discover() {
|
|
|
|
const { formatMessage } = useIntl();
|
|
|
|
// tabs
|
|
|
|
const Tabs = {
|
2023-11-20 19:16:47 +00:00
|
|
|
Follows: { text: formatMessage({ defaultMessage: "Suggested Follows", id: "C8HhVE" }), value: 0 },
|
|
|
|
Posts: { text: formatMessage({ defaultMessage: "Trending Notes", id: "Ix8l+B" }), value: 1 },
|
|
|
|
Profiles: { text: formatMessage({ defaultMessage: "Trending People", id: "CVWeJ6" }), value: 2 },
|
2023-05-15 08:51:17 +00:00
|
|
|
};
|
|
|
|
const [tab, setTab] = useState<Tab>(Tabs.Follows);
|
|
|
|
|
|
|
|
function renderTab() {
|
|
|
|
switch (tab.value) {
|
|
|
|
case 0:
|
|
|
|
return <SuggestedProfiles />;
|
|
|
|
case 1:
|
|
|
|
return <TrendingNotes />;
|
|
|
|
case 2:
|
|
|
|
return <TrendingUsers />;
|
|
|
|
}
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2023-09-14 11:31:17 +00:00
|
|
|
<div className="tabs p">
|
2023-05-15 08:51:17 +00:00
|
|
|
{[Tabs.Follows, Tabs.Posts, Tabs.Profiles].map(a => (
|
2024-01-12 15:33:02 +00:00
|
|
|
<TabSelector key={a.value} tab={tab} setTab={setTab} t={a} />
|
2023-05-15 08:51:17 +00:00
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
{renderTab()}
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|