feat: post share button on card

warmachine028 · Nov 28, 2024 · 175607f · 175607f
1 parent 867059c
commit 175607f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/client/src/components/ReactButton.jsx b/client/src/components/ReactButton.jsx
@@ -1,5 +1,5 @@
 import { useState, useRef } from 'react'
-import { IconButton, Popover, Typography, Box } from '@mui/material'
+import { IconButton, Popover, Typography, Box, Stack } from '@mui/material'
 import {
 	ThumbUp,
 	Favorite,
@@ -21,7 +21,7 @@ const reactions = [
 	{ icon: SentimentDissatisfied, label: 'ANGRY', color: '#ff5722' }
 ]
 
-export default function ReactButton({ post }) {
+const ReactButton = ({ post }) => {
 	const { user } = useUser()
 	const { mutate: reactPost } = useReactPost()
 	const [reactionAnchorEl, setReactionAnchorEl] = useState(null)
@@ -60,10 +60,11 @@ export default function ReactButton({ post }) {
 	}
 
 	return (
-		<Box
+		<Stack
 			onMouseEnter={handleReactionIconEnter}
 			onMouseLeave={handleReactionIconLeave}
-			sx={{ display: 'flex', alignItems: 'center' }}
+			alignItems="center"
+			direction="row"
 		>
 			<IconButton
 				size="small"
@@ -118,6 +119,8 @@ export default function ReactButton({ post }) {
 					</IconButton>
 				))}
 			</Popover>
-		</Box>
+		</Stack>
 	)
 }
+
+export default ReactButton
diff --git a/client/src/hooks/posts.js b/client/src/hooks/posts.js
@@ -4,9 +4,7 @@ import {
 	deletePost,
 	getPost,
 	getPosts,
-	reactPost,
 	searchPosts,
-	unreactPost,
 	updatePost
 } from '@/api'
 import {
@@ -23,7 +21,7 @@ export const useGetPosts = () => {
 
 	const query = useInfiniteQuery({
 		queryKey: ['posts'],
-		queryFn: ({ pageParam }) => getPosts(pageParam, 10),
+		queryFn: ({ pageParam }) => getPosts(pageParam, 6),
 		getNextPageParam: (lastPage) => lastPage.nextCursor
 	})
 

diff --git a/client/src/pages/Posts.jsx b/client/src/pages/Posts.jsx
@@ -66,7 +66,7 @@ const Posts = () => {
 					container
 					size={{ xs: 12, md: 8, xl: 9 }}
 					overflow="auto"
-					height={'calc(100vh - 150px)'}
+					height={'calc(100vh - 190px)'}
 					sx={{
 						'&::-webkit-scrollbar': { display: 'none' },
 						scrollbarWidth: 'none',