phanpy/src/pages/public.jsx

49 lines
1.3 KiB
React
Raw Normal View History

// EXPERIMENTAL: This is a work in progress and may not work as expected.
import { useRef } from 'preact/hooks';
2023-02-06 15:17:07 +03:00
import { useParams } from 'react-router-dom';
import Timeline from '../components/timeline';
import { api } from '../utils/api';
2023-02-03 16:08:08 +03:00
import useTitle from '../utils/useTitle';
const LIMIT = 20;
2023-02-06 15:17:07 +03:00
function Public({ local }) {
const isLocal = !!local;
const params = useParams();
const { masto, instance } = api({ instance: params.instance });
2023-02-03 16:08:08 +03:00
const title = `${instance} (${isLocal ? 'local' : 'federated'})`;
2023-02-11 11:27:40 +03:00
useTitle(title, `:instance?/p/l?`);
const publicIterator = useRef();
async function fetchPublic(firstLoad) {
if (firstLoad || !publicIterator.current) {
publicIterator.current = masto.v1.timelines.listPublic({
limit: LIMIT,
local: isLocal,
});
}
return await publicIterator.current.next();
}
return (
<Timeline
key={instance + isLocal}
2023-02-03 16:08:08 +03:00
title={title}
titleComponent={
<h1 class="header-account">
<b>{instance}</b>
<div>{isLocal ? 'local' : 'federated'}</div>
</h1>
}
id="public"
instance={instance}
emptyText="No one has posted anything yet."
errorText="Unable to load posts"
fetchItems={fetchPublic}
/>
);
}
export default Public;