diff --git a/client/bun.lockb b/client/bun.lockb index da6858e..56efbe9 100644 Binary files a/client/bun.lockb and b/client/bun.lockb differ diff --git a/client/package.json b/client/package.json index 4def75e..c63b9f2 100644 --- a/client/package.json +++ b/client/package.json @@ -34,7 +34,6 @@ "moment": "^2.30.1", "react": "^19.0.0-rc-7670501b-20241124", "react-dom": "^19.0.0-rc-7670501b-20241124", - "react-helmet-async": "^2.0.5", "react-intersection-observer": "^9.13.1", "react-router": "^7.0.1", "zustand": "^5.0.1" diff --git a/client/src/App.jsx b/client/src/App.jsx index efc450e..d5c05e1 100644 --- a/client/src/App.jsx +++ b/client/src/App.jsx @@ -4,7 +4,6 @@ import { BrowserRouter } from 'react-router' import { ThemeProvider } from '@/providers' import { QueryClient, QueryClientProvider } from '@tanstack/react-query' import { ReactQueryDevtools } from '@tanstack/react-query-devtools' -import { HelmetProvider } from 'react-helmet-async' const MemoriesApp = () => { return ( @@ -27,11 +26,9 @@ const App = () => { return ( - - - - - + + + diff --git a/client/src/pages/Post.jsx b/client/src/pages/Post.jsx index 0818c47..69065d8 100644 --- a/client/src/pages/Post.jsx +++ b/client/src/pages/Post.jsx @@ -26,7 +26,6 @@ import { } from '@/components' import { useGetPost, useGetTop3Reacts } from '@/hooks' import moment from 'moment' -import { Helmet } from 'react-helmet-async' const PostMetaData = ({ author, timestamp }) => { const navigate = useNavigate() @@ -147,57 +146,11 @@ const Top3Reactions = ({ post }) => { ) } -const MetaData = ({ post }) => { - const { title, description, imageUrl, author, createdAt } = post - const image = - 'https://opengraph.b-cdn.net/production/images/bb42e86a-ba5f-42e6-8583-0acba8dc7d5a.jpg?token=BxBX20pTwR13SAgcvEZVW5UtcWa5dIWkAc8dylMUDwU&height=675&width=1200&expires=33269064669' - const url = `${window.location.origin}/post/${post.id}` - const formattedDescription = - description.length > 160 - ? `${description.substring(0, 157)}...` - : description - return ( - - {/* Basic Meta Tags */} - {`Memories | ${title}`} - - - - {/* OpenGraph Meta Tags */} - - - - - - - - - {post.tags.map((tag) => ( - - ))} - - {/* Twitter Card Meta Tags */} - - - - - - - ) -} - const Post = () => { const { id } = useParams() const { data: post, isLoading, error } = useGetPost(id) - if (isLoading) { - return - } return ( -