44 lines
962 B
React
44 lines
962 B
React
|
import { useEffect, useRef, useState } from 'preact/hooks';
|
||
|
import { useParams } from 'react-router-dom';
|
||
|
|
||
|
import Timeline from '../components/timeline';
|
||
|
|
||
|
const LIMIT = 20;
|
||
|
|
||
|
function Lists() {
|
||
|
const { id } = useParams();
|
||
|
const listsIterator = useRef();
|
||
|
async function fetchLists(firstLoad) {
|
||
|
if (firstLoad || !listsIterator.current) {
|
||
|
listsIterator.current = masto.v1.timelines.listList(id, {
|
||
|
limit: LIMIT,
|
||
|
});
|
||
|
}
|
||
|
return await listsIterator.current.next();
|
||
|
}
|
||
|
|
||
|
const [title, setTitle] = useState(`List ${id}`);
|
||
|
useEffect(() => {
|
||
|
(async () => {
|
||
|
try {
|
||
|
const list = await masto.v1.lists.fetch(id);
|
||
|
setTitle(list.title);
|
||
|
} catch (e) {
|
||
|
console.error(e);
|
||
|
}
|
||
|
})();
|
||
|
}, [id]);
|
||
|
|
||
|
return (
|
||
|
<Timeline
|
||
|
title={title}
|
||
|
id="lists"
|
||
|
emptyText="Nothing yet."
|
||
|
errorText="Unable to load posts."
|
||
|
fetchItems={fetchLists}
|
||
|
/>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default Lists;
|