From f24e8a734026d59426d278a473dc67076573714d Mon Sep 17 00:00:00 2001
From: Filipe Deschamps <filiped@gmail.com>
Date: Wed, 24 Aug 2022 15:05:20 -0700
Subject: [PATCH] feat(header): consider pagination on `Relevantes` and use
 `startsWith` method on other paths

---
 pages/interface/components/Header/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/interface/components/Header/index.js b/pages/interface/components/Header/index.js
index 63db6f3dd..2d35d34ba 100644
--- a/pages/interface/components/Header/index.js
+++ b/pages/interface/components/Header/index.js
@@ -16,14 +16,14 @@ export default function HeaderComponent() {
   return (
     <Header>
       <Header.Item>
-        <Header.Link href="/" fontSize={2} sx={pathname === '/' && activeLinkStyle}>
+        <Header.Link href="/" fontSize={2} sx={(pathname === '/' || pathname.startsWith('/pagina')) && activeLinkStyle}>
           <CgTab size={32} />
           <Box sx={{ ml: 2 }}>Relevantes</Box>
         </Header.Link>
       </Header.Item>
 
       <Header.Item>
-        <Header.Link href="/recentes" fontSize={2} sx={pathname.includes('recentes') && activeLinkStyle}>
+        <Header.Link href="/recentes" fontSize={2} sx={pathname.startsWith('/recentes') && activeLinkStyle}>
           Recentes
         </Header.Link>
       </Header.Item>
@@ -32,7 +32,7 @@ export default function HeaderComponent() {
         <Header.Link
           href="/status"
           fontSize={2}
-          sx={{ display: ['none', 'block'], ...(pathname.includes('status') && activeLinkStyle) }}>
+          sx={{ display: ['none', 'block'], ...(pathname.startsWith('/status') && activeLinkStyle) }}>
           Status
         </Header.Link>
       </Header.Item>