only show true/false on top-level posts otherwise up/down votes (#184)

social-protocols · Aug 29, 2024 · 5cae317 · 5cae317
1 parent 9af628e
commit 5cae317
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/components/ui/post-action-bar.tsx b/app/components/ui/post-action-bar.tsx
@@ -90,6 +90,8 @@ export function PostActionBar({
 
 	const isTargetPost = post.id == treeContext.targetPostId
 
+	const isTopLevelPost = post.parentId === null
+
 	const submitVote = async function (direction: Direction) {
 		const payLoad = {
 			postId: post.id,
@@ -161,7 +163,7 @@ export function PostActionBar({
 							<Icon name="chevron-down" className="ml-[-0.2em]" />
 						</button>
 					))}
-				{loggedIn && !isTargetPost && (
+				{loggedIn && (!isTargetPost || !isTopLevelPost) && (
 					<>
 						<button
 							title={'Upvote'}

diff --git a/app/components/ui/post-details.tsx b/app/components/ui/post-details.tsx
@@ -47,6 +47,8 @@ export function PostDetails({
 
 	const isTargetPost = treeContext.targetPostId === post.id
 
+	const isTopLevelPost = post.parentId === null
+
 	const userHasVoted = postState.voteState.vote != Direction.Neutral
 
 	const pCurrent: number = treeContext.commentTreeState.posts[post.id]?.p || NaN
@@ -99,6 +101,7 @@ export function PostDetails({
 					</div>
 				)}
 				{isTargetPost &&
+					isTopLevelPost &&
 					(loggedIn ? (
 						<div className="my-2 space-x-4">
 							<button
@@ -141,7 +144,7 @@ export function PostDetails({
 				/>
 			</div>
 
-			{isTargetPost && (
+			{isTargetPost && isTopLevelPost && (
 				<div className="mx-2 opacity-50">
 					<div className="text-xs">True:</div>
 					<div className="text-5xl">