AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 20:13:49 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Add user location marker to brewery map, Add beer sec. for brewery posts

Browse Source
This commit is contained in:
Aaron William Po
2023-05-01 23:09:50 -04:00
parent f3d471be4c
commit d20ab0fd1f
10 changed files with 363 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ui/CommentsComponent.tsx
View File

@@ -36,10 +36,10 @@ const CommentsComponent: FC<CommentsComponentProps> = ({
setSize,
size,
}) => {
const { ref: lastCommentRef } = useInView({
const { ref: penultimateCommentRef } = useInView({
/**
* When the last comment comes into view, call setSize from useBeerPostComments to
* load more comments.
* When the second last comment comes into view, call setSize from useBeerPostComments
* to load more comments.
*/
onChange: (visible) => {
if (!visible || isAtEnd) return;
@@ -52,7 +52,7 @@ const CommentsComponent: FC<CommentsComponentProps> = ({
{!!comments.length && (
<div className="card bg-base-300 pb-6">
{comments.map((comment, index) => {
const isPenulitmateComment = index === comments.length - 2;
const isPenultimateComment = index === comments.length - 2;
/**
* Attach a ref to the last comment in the list. When it comes into view, the
@@ -60,7 +60,7 @@ const CommentsComponent: FC<CommentsComponentProps> = ({
*/
return (
<div
ref={isPenulitmateComment ? lastCommentRef : undefined}
ref={isPenultimateComment ? penultimateCommentRef : undefined}
key={comment.id}
>
<CommentCardBody comment={comment} mutate={mutate} />