2023-02-05 18:02:13 +00:00
|
|
|
import { RecommendedFollows } from "Const";
|
|
|
|
import FollowListBase from "Element/FollowListBase";
|
|
|
|
import { useMemo } from "react";
|
|
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
|
|
|
|
export default function DiscoverFollows() {
|
2023-02-07 20:04:50 +00:00
|
|
|
const navigate = useNavigate();
|
2023-02-05 18:02:13 +00:00
|
|
|
|
2023-02-07 19:47:57 +00:00
|
|
|
const sortedRecommends = useMemo(() => {
|
|
|
|
return RecommendedFollows.sort(() => (Math.random() >= 0.5 ? -1 : 1));
|
2023-02-07 20:04:50 +00:00
|
|
|
}, []);
|
2023-02-05 18:02:13 +00:00
|
|
|
|
2023-02-07 20:04:50 +00:00
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<h2>Follow some popular accounts</h2>
|
|
|
|
<button onClick={() => navigate("/")}>Skip</button>
|
2023-02-07 19:47:57 +00:00
|
|
|
{sortedRecommends.length > 0 && (
|
|
|
|
<FollowListBase pubkeys={sortedRecommends} />
|
2023-02-07 20:04:50 +00:00
|
|
|
)}
|
|
|
|
<button onClick={() => navigate("/")}>Done!</button>
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|