mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-24 13:35:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use paginated followers result

Browse source
This commit is contained in:
Gabe Kangas 2022-03-07 14:41:54 -08:00
parent 57d100b9e8
commit c360b943db
1 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
web/pages/federation/followers.tsx
View file

@ -27,6 +27,8 @@ export default function FediverseFollowers() {
const [followersPending, setFollowersPending] = useState<Follower[]>([]);
const [followersBlocked, setFollowersBlocked] = useState<Follower[]>([]);
const [followers, setFollowers] = useState<Follower[]>([]);
const [totalCount, setTotalCount] = useState<number>(0);
const [currentPage, setCurrentPage] = useState<number>(0);
const serverStatusData = useContext(ServerStatusContext);
const { serverConfig } = serverStatusData || {};
@ -35,12 +37,19 @@ export default function FediverseFollowers() {
const getFollowers = async () => {
try {
const limit = 50;
const offset = currentPage * limit;
const u = `${FOLLOWERS}?offset=${offset}&limit=${limit}`;
// Active followers
const followersResult = await fetchData(FOLLOWERS, { auth: true });
if (isEmptyObject(followersResult)) {
const result = await fetchData(u, { auth: true });
const { results, total } = result;
if (isEmptyObject(results)) {
setFollowers([]);
} else {
setFollowers(followersResult);
setTotalCount(total);
setFollowers(results);
}
// Pending follow requests
@ -104,7 +113,16 @@ export default function FediverseFollowers() {
columns={tableColumns}
size="small"
rowKey={row => row.link}
pagination={{ pageSize: 20, hideOnSinglePage: true }}
pagination={{
pageSize: 50,
hideOnSinglePage: true,
showSizeChanger: false,
total: totalCount,
}}
onChange={pagination => {
const page = pagination.current;
setCurrentPage(page);
}}
/>
);
}