Merge pull request #382 from marleypm16/#374

feat : adicionando botão de indicar vaga
SouJunior · Sep 12, 2024 · 07a2cd2 · 07a2cd2
2 parents 8ecd1c4 + 2b539f3
commit 07a2cd2
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 5 deletions.
diff --git a/src/components/FooterDefault/index.tsx b/src/components/FooterDefault/index.tsx
@@ -43,6 +43,15 @@ const FooterDefault = () => {
                             >
                                 Site SouJunior
                             </a>
+                            <li>
+                                <a 
+                                href='/'
+                                rel='noreferrer'
+                                target='_blank'
+                                >
+                                    Indique uma vaga
+                                </a>
+                            </li>
                             <li>
                                 <a
                                     href="https://blog.soujunior.tech/"

diff --git a/src/components/HeaderDefault/index.tsx b/src/components/HeaderDefault/index.tsx
@@ -103,6 +103,14 @@ const HeaderDefault: React.FC<HeaderProps> = ({ isActive }) => {
                                         Faça parte
                                         </a>
                                 </li>
+                                <li>
+                                    <a  href="https://www.soujunior.tech/?#about"
+                                        rel="noreferrer"
+                                        target="_blank"
+                                    >
+                                        Indique uma vaga
+                                    </a>
+                                </li>
                                 <hr />
                             </ul>   
                         </div>
@@ -165,6 +173,12 @@ const HeaderDefault: React.FC<HeaderProps> = ({ isActive }) => {
                     {shouldShowJobFilter && <JobFilter />}
 
                     <S.HeaderBtns>
+                        <S.IndicateButton
+                            isActive={isActive}
+                            isMobileOpen={isMobileOpen}
+                        >
+                            Indique uma vaga
+                        </S.IndicateButton>
                         <S.LoginButton
                             onClick={handleLoginClick}
                             isActive={isActive}

diff --git a/src/components/HeaderDefault/styles.ts b/src/components/HeaderDefault/styles.ts
@@ -15,6 +15,7 @@ export const Header = styled.header<HeaderProps>`
     position: fixed;
     top: 0;
     width: 100vw;
+    font-family: 'Radio Canada', sans-serif;
     height: 132px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     background-color: #fff;
@@ -135,6 +136,10 @@ export const RegisterButton = styled.button<ButtonsProps>`
               `}
 `;
 
+export const IndicateButton = styled.button<ButtonsProps>`
+    color: ${({ theme }) => theme.colors.primary};
+`
+
 export const LoginButton = styled(RegisterButton)<ButtonsProps>`
     display: flex;
     justify-content: center;
@@ -227,12 +232,12 @@ export const MobileHeader = styled.nav`
             flex-direction: column;
             align-items: flex-start;
             justify-content: center;
-            width: 80%;
+            width: 100%;
             margin-top: 24px;
           
             li {
                 text-transform: capitalize;
-                font-size: 22pt;
+                font-size: 18px;
                 font-weight: 600;
                 cursor: pointer;
                 padding: 5px 15px;
@@ -253,9 +258,7 @@ export const MobileHeader = styled.nav`
                     background-size: 100% 3px;
                 }
                 
-                @media (max-width: 768px) {
-                    font-size: 18pt;
-                    }
+                
             }
         }