RHP: Acertando o link para certificados

mudanças no visual
luizrosalba · Sep 5, 2021 · f0acef9 · f0acef9
1 parent 7c304c9
commit f0acef9
Show file tree

Hide file tree

Showing 11 changed files with 126 additions and 63 deletions.
diff --git a/src/App.css b/src/App.css
@@ -262,7 +262,7 @@ div.texto_secao{
 
 }
 .color-blue:hover{
-  color: blue;
+  color: chocolate
 }
 .Botao-Contato-Linha{
   display:none;

diff --git a/src/common/template/header.js b/src/common/template/header.js
@@ -69,7 +69,7 @@ const Header = () => {
         </Link>
 
         <Link
-          to="/portfolio"
+          to="/certificados"
         >
          <i className="bi bi-briefcase"></i>
         </Link>

diff --git a/src/components/profile/index.js b/src/components/profile/index.js
@@ -18,7 +18,7 @@ const Profile = () => {
               target="_blank"
               rel="noreferrer"
             >
-              {githubState.user.login}
+             <u> {githubState.user.login} </u>
             </a>
           </S.WrapperUserGeneric>
           {/* <S.WrapperUserGeneric>
@@ -28,7 +28,7 @@ const Profile = () => {
           <S.WrapperUserGeneric>
             <h3>Link para o Repositório:</h3>
             <a href={"https://github.com/luizrosalba?tab=repositories"} target="_blank" rel="noreferrer">
-              Repositório do Github
+              <u>Repositório do Github</u>
             </a>
           </S.WrapperUserGeneric>
         </div>

diff --git a/src/components/profile/styled.js b/src/components/profile/styled.js
@@ -51,6 +51,9 @@ export const WrapperUserGeneric = styled.div`
     font-size: 20px;
     color: white;
     font-weight: bold;
+    &:hover{
+      color:chocolate; 
+    }
   }
 `;
 

diff --git a/src/components/repositories/index.js b/src/components/repositories/index.js
@@ -27,50 +27,48 @@ const Repositories = () => {
 
   return (
     <>
-      {hasUserForSearchrepos ? (
-        <S.WrapperTabs
-          selectedTabClassName="is-selected"
-          selectedTabPanelClassName="is-selected"
-        >
-          <S.WrapperTabList>
-            <S.WrapperTab>Repositories</S.WrapperTab>
-            <S.WrapperTab>Starred</S.WrapperTab>
-          </S.WrapperTabList>
-          <S.WrapperTabPanel>
-            <S.WrapperList>
-              {githubState.repositories.map((item) => (
-                <RepositoryItem
-                  key={item.id}
-                  name={item.name}
-                  linkToRepo={item.full_name}
-                  fullName={item.full_name}
-                />
-              ))}
-            </S.WrapperList>
-            <S.WrapperButton>
-                <S.ButtonLoadMore 
-                  onClick={loadMoreItens}
-                >
-                  Carregue Mais 30 Itens
-                </S.ButtonLoadMore> 
-            </S.WrapperButton>
-          </S.WrapperTabPanel>
-          <S.WrapperTabPanel>
-            <S.WrapperList>
-              {githubState.starred.map((item) => (
-                <RepositoryItem
-                  key={item.id}
-                  name={item.name}
-                  linkToRepo={item.full_name}
-                  fullName={item.full_name}
-                />
-              ))}
-            </S.WrapperList>
-          </S.WrapperTabPanel>
-        </S.WrapperTabs>
-      ) : (
-        <></>
-      )}
+      {
+      <S.WrapperTabs
+        selectedTabClassName="is-selected"
+        selectedTabPanelClassName="is-selected"
+      >
+        <S.WrapperTabList>
+          <S.WrapperTab>Repositórios</S.WrapperTab>
+          <S.WrapperTab>Favoritos</S.WrapperTab>
+        </S.WrapperTabList>
+        <S.WrapperTabPanel>
+          <S.WrapperList>
+            {githubState.repositories.map((item) => (
+              <RepositoryItem
+                key={item.id}
+                name={item.name}
+                linkToRepo={item.full_name}
+                fullName={item.full_name}
+              />
+            ))}
+          </S.WrapperList>
+          <S.WrapperButton>
+              <S.ButtonLoadMore 
+                onClick={loadMoreItens}
+              >
+                Carregue Mais 30 Itens
+              </S.ButtonLoadMore> 
+          </S.WrapperButton>
+        </S.WrapperTabPanel>
+        <S.WrapperTabPanel>
+          <S.WrapperList>
+            {githubState.starred.map((item) => (
+              <RepositoryItem
+                key={item.id}
+                name={item.name}
+                linkToRepo={item.full_name}
+                fullName={item.full_name}
+              />
+            ))}
+          </S.WrapperList>
+        </S.WrapperTabPanel>
+      </S.WrapperTabs>
+      }
     </>
   );
 };

diff --git a/src/components/repositories/styled.js b/src/components/repositories/styled.js
@@ -38,6 +38,10 @@ export const WrapperTab = styled(Tab)`
   z-index: 99999;
   background-color: "#fff";
   margin: 8px;
+  width: 200px;
+  display: flex;
+  justify-content: space-around;
+  text-transform: uppercase;
   &:hover {
     color:chocolate;
   }

diff --git a/src/components/repository-item/styled.js b/src/components/repository-item/styled.js
@@ -15,6 +15,9 @@ export const WrapperTitle = styled.h2`
   font-size: 18px;
   font-weight: bold;
   margin: 8px 0;
+  text-align: center;
+  color:white;
+  
 `;
 
 export const WrapperFullName = styled.h2`
@@ -25,9 +28,17 @@ export const WrapperFullName = styled.h2`
 `;
 
 export const WrapperLink = styled.a`
+  display: flex;
   font-size: 16px;
   font-weight: bold;
   margin: 8px 0;
-  color: #3182ce;
+  color: white;
   padding-top: 10px;
+  text-decoration: underline;
+  text-align: center;
+  justify-content: space-around;
+  
+  &:hover{
+    color: chocolate;
+  }
 `;
diff --git a/src/img/Spinner-1s-200px.svg b/src/img/Spinner-1s-200px.svg
diff --git a/src/pages/Programacao/index.js b/src/pages/Programacao/index.js
@@ -5,7 +5,7 @@ import NotFound from "../../components/not-found";
 import Profile from "../../components/profile";
 import Repositories from "../../components/repositories";
 import useGithub from "../../hooks/github-hooks";
-import loading from '../../img/loading.gif'
+import loading from '../../img/Spinner-1s-200px.svg'
 
 const Loading = () => {
   return (
@@ -46,14 +46,10 @@ const Programacao  = () => {
   return (
     <div className="App-body">
       <div className="container-corpo">
-
-      <div className="texto_secao">
-        PORTFÓLIO      
-      </div>
-        <div className="links">
-          <Github/>            
+        <div className="texto_secao">
+          PORTFÓLIO      
         </div>
-
+          <Github/>            
       </div>
     </div>
 

diff --git a/src/pages/Sobre/index.js b/src/pages/Sobre/index.js
@@ -62,7 +62,7 @@ const ColunasBrancas = () => {
           <center><h1>Atuação Profissional:</h1> </center>
           <div style={{ marginTop: "20px" }}></div>
           <p>
-            Desenvolvedor de Software na <a href="https://deepseedsolutions.com/">Deep Seed Solutions</a>
+            Desenvolvedor de Software na <u><a href="https://deepseedsolutions.com/">Deep Seed Solutions</a></u>
           </p>
           <p>
             Professor de física.
@@ -104,7 +104,6 @@ const Home = () => {
       <div className="container-corpo">
         <div className="texto-sobre">
           <Barra />
-          <div style={{ marginTop: "20px" }}></div>
           <ColunasBrancas />
         </div>
       </div>

diff --git a/src/pages/Sobre/styled.js b/src/pages/Sobre/styled.js
@@ -18,7 +18,7 @@ export const WrapperColunasSobre = styled.div`
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 0px;
   grid-row-gap: 0px;
-  margin: 8% 2%;
+  margin: 3vh 2vh;
   
   @media only screen and (max-width: 800px) {
     display: block;
@@ -35,7 +35,7 @@ export const ButtonSobre = styled.button`
   border-radius: 15px;
   border: 3px none #ac4c4c;
   color: white;
-  margin: 10px 40px 10px 40px ; 
+  margin: 10px 20px 10px 20px ; 
   font-weight: 500;
   cursor: pointer;
   padding: 10px;
@@ -51,7 +51,7 @@ export const ButtonSobre = styled.button`
     background-size: 200% 100%;
     background-position: 100%;
     border: 2px solid white;
-    color: yellow;
+    color: chocolate;
   }
 
   
@@ -68,7 +68,7 @@ export const CardWrapperSobre = styled.div`
   flex-direction: column;
   overflow: hidden;
   padding: 20px;
-  margin: 10px 40px 10px 40px ; 
+  margin: 10px 20px 10px 20px ; 
   background-color: white;
   color: black; 
   background: white;
-Original file line number
+Diff line change
@@ Expand Up / @@ -69,7 +69,7 @@ const Header = () => { @@
             </Link>
             <Link
-              to="/portfolio"
+              to="/certificados"
             >
              <i className="bi bi-briefcase"></i>
             </Link>
@@ Expand Down @@