LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Paginated actions & followers API usage (#446)

Browse Source 
* Hide social config if disabled

* Use paginated APIs. For https://github.com/owncast/owncast/issues/1654
This commit is contained in:
Gabe Kangas 2022-03-06 17:24:01 -08:00 committed by GitHub
parent 6f1ece7894
commit 6cd1687916
2 changed files with 30 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/main-layout.tsx
View File

@ -193,7 +193,10 @@ export default function MainLayout(props) {
<Menu.Item key="config-chat">
<Link href="/config-chat">Chat</Link>
</Menu.Item>
<Menu.Item key="config-federation">
<Menu.Item
key="config-federation"
style={{ display: federationEnabled ? 'block' : 'none' }}
>
<Link href="/config-federation">Social</Link>
</Menu.Item>
@ -209,7 +212,11 @@ export default function MainLayout(props) {
<Menu.Item key="logs">
<Link href="/logs">Logs</Link>
</Menu.Item>
<Menu.Item key="federation-activities" title="Social Actions">
<Menu.Item
key="federation-activities"
title="Social Actions"
style={{ display: federationEnabled ? 'block' : 'none' }}
>
<Link href="/federation/actions">Social Actions</Link>
</Menu.Item>
<Menu.Item key="upgrade" style={{ display: upgradeMenuItemStyle }}>

26
web/pages/federation/actions.tsx
View File

@ -17,14 +17,21 @@ export interface Action {
export default function FediverseActions() {
const [actions, setActions] = useState<Action[]>([]);
const [totalCount, setTotalCount] = useState<number>(0);
const [currentPage, setCurrentPage] = useState<number>(0);
const getActions = async () => {
try {
const result = await fetchData(FEDERATION_ACTIONS, { auth: true });
if (isEmptyObject(result)) {
const limit = 50;
const offset = currentPage * limit;
const u = `${FEDERATION_ACTIONS}?offset=${offset}&limit=${limit}`;
const result = await fetchData(u, { auth: true });
const { results, total } = result;
setTotalCount(total);
if (isEmptyObject(results)) {
setActions([]);
} else {
setActions(result);
setActions(results);
}
} catch (error) {
console.log('==== error', error);
@ -33,7 +40,7 @@ export default function FediverseActions() {
useEffect(() => {
getActions();
}, []);
}, [currentPage]);
const columns: ColumnsType<Action> = [
{
@ -102,7 +109,16 @@ export default function FediverseActions() {
columns={tableColumns}
size="small"
rowKey={row => row.iri}
pagination={{ pageSize: 50 }}
pagination={{
pageSize: 50,
hideOnSinglePage: true,
showSizeChanger: false,
total: totalCount,
}}
onChange={pagination => {
const page = pagination.current;
setCurrentPage(page);
}}
/>
);
}