mirror of
https://github.com/owncast/owncast.git
synced 2024-10-24 13:35:57 +03:00
Use paginated followers result
This commit is contained in:
parent
57d100b9e8
commit
c360b943db
1 changed files with 22 additions and 4 deletions
|
@ -27,6 +27,8 @@ export default function FediverseFollowers() {
|
||||||
const [followersPending, setFollowersPending] = useState<Follower[]>([]);
|
const [followersPending, setFollowersPending] = useState<Follower[]>([]);
|
||||||
const [followersBlocked, setFollowersBlocked] = useState<Follower[]>([]);
|
const [followersBlocked, setFollowersBlocked] = useState<Follower[]>([]);
|
||||||
const [followers, setFollowers] = useState<Follower[]>([]);
|
const [followers, setFollowers] = useState<Follower[]>([]);
|
||||||
|
const [totalCount, setTotalCount] = useState<number>(0);
|
||||||
|
const [currentPage, setCurrentPage] = useState<number>(0);
|
||||||
|
|
||||||
const serverStatusData = useContext(ServerStatusContext);
|
const serverStatusData = useContext(ServerStatusContext);
|
||||||
const { serverConfig } = serverStatusData || {};
|
const { serverConfig } = serverStatusData || {};
|
||||||
|
@ -35,12 +37,19 @@ export default function FediverseFollowers() {
|
||||||
|
|
||||||
const getFollowers = async () => {
|
const getFollowers = async () => {
|
||||||
try {
|
try {
|
||||||
|
const limit = 50;
|
||||||
|
const offset = currentPage * limit;
|
||||||
|
const u = `${FOLLOWERS}?offset=${offset}&limit=${limit}`;
|
||||||
|
|
||||||
// Active followers
|
// Active followers
|
||||||
const followersResult = await fetchData(FOLLOWERS, { auth: true });
|
const result = await fetchData(u, { auth: true });
|
||||||
if (isEmptyObject(followersResult)) {
|
const { results, total } = result;
|
||||||
|
|
||||||
|
if (isEmptyObject(results)) {
|
||||||
setFollowers([]);
|
setFollowers([]);
|
||||||
} else {
|
} else {
|
||||||
setFollowers(followersResult);
|
setTotalCount(total);
|
||||||
|
setFollowers(results);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Pending follow requests
|
// Pending follow requests
|
||||||
|
@ -104,7 +113,16 @@ export default function FediverseFollowers() {
|
||||||
columns={tableColumns}
|
columns={tableColumns}
|
||||||
size="small"
|
size="small"
|
||||||
rowKey={row => row.link}
|
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);
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue