Mantem progresso da pagina ao voltar para lançamentos

Author: itMatos

pages/launches/[launchName].tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
-import Link from 'next/link';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import { Alert, Box, Button, Card, CardContent, Chip, CircularProgress, Container, Stack, Typography } from '@mui/material';
 import {
@@ -83,8 +82,7 @@ export default function LaunchDetailsPage() {
       <Container maxWidth="xl" sx={{ py: 2 }}>
         <Stack spacing={1}>
           <Button
-            component={Link}
-            href="/launches"
+            onClick={() => router.back()}
             startIcon={<ArrowBackIcon />}
             sx={{ width: 'fit-content', margin: 0, padding: 0 }}
           >

pages/launches/index.tsx

@@ -12,6 +12,7 @@ import HeroSection from '@/components/projects-components/HeroSection';
 import { LOCALE } from '@/src/shared/consts/locales.const';
 
 const SELECTED_LAUNCH_STORAGE_KEY = 'zenith-selected-launch';
+const SCROLL_POSITION_KEY = 'zenith-launches-scroll';
 
 // TODO mover textos para arquivo de tradução
 export default function LaunchesPage() {
@@ -22,10 +23,19 @@ export default function LaunchesPage() {
   const launchesTitle = t('allLaunches:allLaunchesPage.header.title');
   const launchesDescription = t('allLaunches:allLaunchesPage.header.description');
 
-  useEffect(() => {}, [isLoadingAllLaunches, launches]);
+  useEffect(() => {
+    if (isLoadingAllLaunches || launches.length === 0) return;
+
+    const savedScroll = sessionStorage.getItem(SCROLL_POSITION_KEY);
+    if (savedScroll) {
+      window.scrollTo({ top: parseInt(savedScroll), behavior: 'instant' });
+      sessionStorage.removeItem(SCROLL_POSITION_KEY);
+    }
+  }, [isLoadingAllLaunches, launches]);
 
   const handleLaunchDetails = (launch: (typeof launches)[number]) => {
     sessionStorage.setItem(SELECTED_LAUNCH_STORAGE_KEY, JSON.stringify(launch));
+    sessionStorage.setItem(SCROLL_POSITION_KEY, String(window.scrollY));
     router.push(`/launches/${slugifyLaunchName(launch.name)}`);
   };
 

src/components/LaunchCard/LaunchSummaryCard.tsx

@@ -34,7 +34,7 @@ export default function LaunchSummaryCard({ launch, onDetailsClick }: LaunchSumm
       </CardContent>
       <CardActions sx={{ justifyContent: 'flex-end' }}>
         <Button size="small" endIcon={<ChevronRightIcon />} onClick={() => onDetailsClick(launch)}>
-          Ver detalhes
+          Ver trajetória
         </Button>
       </CardActions>
     </Card>

src/shared/consts/navLinks.const.ts

@@ -8,7 +8,7 @@ export const NAV_LINKS: readonly NavLinkType[] = [
   { href: '/zenith', labelKey: 'common:NAVBAR.ABOUT_US' },
   { href: '/projetos', labelKey: 'common:NAVBAR.PROJECTS' },
   { href: '/kurumim', labelKey: 'common:NAVBAR.KURUMIM' },
-  { href: '/processo-seletivo', labelKey: 'common:NAVBAR.RECRUITMENT_PROCESS' }
-  // { href: '/launches', labelKey: 'common:NAVBAR.LAUNCHES' }
+  { href: '/processo-seletivo', labelKey: 'common:NAVBAR.RECRUITMENT_PROCESS' },
+  { href: '/launches', labelKey: 'common:NAVBAR.LAUNCHES' }
   // { href: 'https://ob-site.vercel.app/', labelKey: 'common:NAVBAR.OBSAT', external: true }
 ] as const;