Merge pull request #7 from vgeruso/develop

Tiny Ajustments

src/components/CardInfo/styles.ts

@@ -138,7 +138,7 @@ export const ContainerAbout = styled.div`
 `;
 
 export const Pargraph = styled.p`
-  text-align: justify;
+  text-align: left;
   text-justify: inter-word;
   color: #cecece;
   padding-left: 45px;

src/components/Footer/index.tsx

@@ -1,15 +1,40 @@
-import React, { FC, useState } from "react";
+import React, { FC, useEffect, useState } from "react";
 
 import { ContainerDark } from "./styles";
 
 import GitHub from '../../assets/gh.svg';
 import BlueSky from '../../assets/bsky.svg';
 import LinkedIn from '../../assets/linkedin.svg';
 import { useYear } from "../../hooks/useYear";
+import { graphql, useStaticQuery } from "gatsby";
 
 const Footer: FC = () => {
+  const data = useStaticQuery(graphql`
+    query GithubSiteVersion {
+      github {
+        repository(name: "geruso-site", owner: "vgeruso") {
+          releases(last: 1) {
+            edges {
+              node {
+                id
+                tag {
+                  name
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  `);
   const { year } = useYear();
 
+  const [version, setVersion] = useState<string>('');
+
+  useEffect(() => {
+    setVersion(data.github.repository.releases.edges[0].node.tag.name);
+  }, []);
+
   return (
       <ContainerDark>
         <div className="centralize">
@@ -27,7 +52,7 @@ const Footer: FC = () => {
           <p className="justify">
             <a href="mailto:[email protected]">[email protected]</a>
           </p>
-          <span className="justify">Created by Victor Geruso - {year}</span>
+          <span className="justify">Created by Victor Geruso - {year} - v{version}</span>
         </div>
       </ContainerDark>
   );