Update Header.tsx

aoiacai · Jun 9, 2024 · 2aae1e4 · 2aae1e4
1 parent b21a8f2
commit 2aae1e4
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
@@ -78,7 +78,10 @@ function ResponsiveAppBar() {
                         >
                             {pages.map((page) => (
                                 <MenuItem key={page} onClick={handleCloseNavMenu}>
-                                    <Typography textAlign="center" color='white'>{page}</Typography>
+                                    <ScrollLink to={page.toLowerCase()} smooth={true} duration={500} key={page}>
+                                        <Typography textAlign="center" color='white'>{page}</Typography>
+                                    </ScrollLink>
+
                                 </MenuItem>
                             ))}
                         </Menu>