diff --git a/src/Posts/Feed.jsx b/src/Posts/Feed.jsx index dea0287..66f5096 100644 --- a/src/Posts/Feed.jsx +++ b/src/Posts/Feed.jsx @@ -121,7 +121,7 @@ const loadMorePosts = () => { fetchGraphQL(createQuery(type), queryName, { offset: posts.length, // limit: LIMIT, - limit: 50, + limit: 10, }).then(({ data }) => { // if (result.status === 200 && result.body) { // if (result.body.errors) { @@ -190,7 +190,7 @@ return ( {posts?.length && posts.map((post) => { return ( -
+
); })} +
diff --git a/src/Posts/Markdown.jsx b/src/Posts/Markdown.jsx index 63ce988..d089a5f 100644 --- a/src/Posts/Markdown.jsx +++ b/src/Posts/Markdown.jsx @@ -1,12 +1,10 @@ -// const [markdown, setMarkdown] = useState(null); -// const importMarkdown = async () => { -// try { -// const markdownDyn = await import("https://esm.sh/marked-react"); -// console.log("markdown imported"); -// setMarkdown(markdownDyn); -// } catch (err) { -// console.log("markdown import error", err); -// } +// ! This component uses a package imported from a cdn which is not +// ! yet officially supported by BOS Web Engine. It is meant for +// ! demonstration purposes only and will likely change in the future. + +// Originally tried to use the `marked-react` package but custom React +// components (e.g. ) do not function under BWE. Ideally +// that would be a valid approach eventually. // }; const [markdown, setMarkdown] = useState(null); @@ -40,5 +38,4 @@ useEffect(() => { ); }, [markdown]); -// const Markdown = markdown; return markdown ?
{rendered}
:
Loading
; diff --git a/src/Posts/Post.jsx b/src/Posts/Post.jsx index ea8f98c..b262951 100644 --- a/src/Posts/Post.jsx +++ b/src/Posts/Post.jsx @@ -11,7 +11,14 @@ try { // debugger; return ( -
+
{author} {new Date(block_timestamp / 1000000).toLocaleString()}