2023-02-09 11:24:15 +00:00
|
|
|
import { useIntl, FormattedMessage } from "react-intl";
|
|
|
|
import { Link } from "react-router-dom";
|
2023-02-05 18:02:13 +00:00
|
|
|
import { RecommendedFollows } from "Const";
|
|
|
|
import FollowListBase from "Element/FollowListBase";
|
|
|
|
import { useMemo } from "react";
|
|
|
|
|
2023-02-09 11:24:15 +00:00
|
|
|
import messages from "./messages";
|
2023-02-05 18:02:13 +00:00
|
|
|
|
2023-02-09 11:24:15 +00:00
|
|
|
export default function DiscoverFollows() {
|
|
|
|
const { formatMessage } = useIntl();
|
|
|
|
const sortedReccomends = useMemo(() => {
|
2023-02-07 19:47:57 +00:00
|
|
|
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 (
|
2023-02-13 10:47:52 +00:00
|
|
|
<div className="main-content new-user" dir="auto">
|
2023-02-09 11:24:15 +00:00
|
|
|
<div className="progress-bar">
|
|
|
|
<div className="progress"></div>
|
|
|
|
</div>
|
|
|
|
<h1>
|
|
|
|
<FormattedMessage {...messages.Ready} />
|
|
|
|
</h1>
|
|
|
|
<p>
|
|
|
|
<FormattedMessage {...messages.Share} values={{ link: <Link to="/">{formatMessage(messages.World)}</Link> }} />
|
|
|
|
</p>
|
|
|
|
<h3>
|
|
|
|
<FormattedMessage {...messages.PopularAccounts} />
|
|
|
|
</h3>
|
2023-02-13 10:47:52 +00:00
|
|
|
<div dir="ltr">{sortedReccomends.length > 0 && <FollowListBase pubkeys={sortedReccomends} />}</div>
|
2023-02-09 11:24:15 +00:00
|
|
|
</div>
|
2023-02-07 20:04:50 +00:00
|
|
|
);
|
|
|
|
}
|