linked post card "view" button to the post page

SCCapstone · Dec 5, 2023 · 48d3537 · 48d3537
1 parent 787a9d3
commit 48d3537
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/FU.SPA/src/App.jsx b/FU.SPA/src/App.jsx
@@ -6,6 +6,7 @@ import Create from './components/pages/Create';
 import NoPage from './components/pages/NoPage';
 import SignIn from './components/pages/SignIn';
 import SignUp from './components/pages/SignUp';
+import PostPage from './components/pages/PostPage';
 
 import { Route, Routes } from 'react-router-dom';
 function App() {
@@ -20,6 +21,7 @@ function App() {
           <Route path="/create" element={<Create />} />
           <Route path="/signup" element={<SignUp />} />
           <Route path="/signin" element={<SignIn />} />
+          <Route path="/posts" element={<PostPage />} />
           <Route path="*" element={<NoPage />} />
         </Routes>
       </div>

diff --git a/FU.SPA/src/components/PostCard.jsx b/FU.SPA/src/components/PostCard.jsx
@@ -37,7 +37,9 @@ const PostCard = ({ post }) => {
         </div>
       </CardContent>
       <CardActions>
-        <Button size="large">View</Button>
+        <Button size="large">
+          <Link to={'/posts'}>View</Link>
+        </Button>
       </CardActions>
     </Card>
   );