✨ Tweet with title.

92thunder · Feb 11, 2024 · 227d848 · 227d848
1 parent a595039
commit 227d848
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 17 deletions.
diff --git a/components/ShareButtons.tsx b/components/ShareButtons.tsx
@@ -10,14 +10,18 @@ import {
 	TwitterShareButton,
 } from "react-share"
 
-export const ShareButtons: FC = () => {
+export const ShareButtons: FC<{ title: string }> = ({ title }) => {
 	const baseUrl = "https://92thunder.dev"
 	const router = useRouter()
 	const currentURL = baseUrl + router.asPath
 
 	return (
 		<HStack gap={4} mt={8}>
-			<TwitterShareButton style={{ width: "min-content" }} url={currentURL}>
+			<TwitterShareButton
+				style={{ width: "min-content" }}
+				url={currentURL}
+				title={title}
+			>
 				<TwitterIcon round size={32} />
 			</TwitterShareButton>
 			<HatenaShareButton style={{ width: "min-content" }} url={currentURL}>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,7 +23,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "7.1.2",
-    "react-share": "^4.4.1",
+    "react-share": "^5.1.0",
     "react-syntax-highlighter": "^15.4.5",
     "remark-gfm": "^3.0.1"
   },

diff --git a/pages/blog/[id].tsx b/pages/blog/[id].tsx
@@ -147,7 +147,7 @@ const PostPage: NextPage = ({
 								{post.body}
 							</ReactMarkdown>
 							<Box mt={20}>
-								<ShareButtons />
+								<ShareButtons title={post.title} />
 							</Box>
 						</Box>
 					</HStack>