update img tags and correct deploy

components/GitGallery/GitGallery.jsx

@@ -16,22 +16,23 @@ export function GitGallery(props) {
         name={repo.name}
         description={repo.description}
         avatarUrl={repo.avatar_url}
+        key={repo.full_name}
       />
     );
   });
 
-  props.publicGithubRepos.forEach((repo) => {
-    links.push(
-      <ProjectCard
-        classNames={styles.card_github}
-        url={repo.html_url}
-        fullName={repo.full_name}
-        name={repo.name}
-        description={repo.description}
-        avatarUrl={repo.avatar_url}
-      />
-    );
-  });
+  // props.publicGithubRepos.forEach((repo) => {
+  //   links.push(
+  //     <ProjectCard
+  //       classNames={styles.card_github}
+  //       url={repo.html_url}
+  //       fullName={repo.full_name}
+  //       name={repo.name}
+  //       description={repo.description}
+  //       avatarUrl={repo.avatar_url}
+  //     />
+  //   );
+  // });
 
   return (
     <div className={styles.cardContainer}>

components/ProjectCard/ProjectCard.jsx

@@ -11,10 +11,14 @@ export function ProjectCard(props) {
     >
       <Image
         className={props.mockupUrl ? styles.card_mockup : styles.card_gitea}
-        src={props.mockupUrl ? props.mockupUrl : props.avatarUrl}
+        src={
+          props.mockupUrl
+            ? props.mockupUrl
+            : props.avatarUrl || "/article_black_48dp.svg"
+        }
         alt={props.name}
-        width="15vw"
-        height="15vw"
+        width="15"
+        height="15"
         unoptimized={true}
       />
       <h2>{props.name}</h2>
@@ -22,7 +26,3 @@ export function ProjectCard(props) {
     </a>
   );
 }
-
-ProjectCard.defaultProps = {
-  avatarUrl: "/article_black_48dp.svg",
-};

components/RepoSummary/RepoSummary.jsx

@@ -17,10 +17,25 @@ export function RepoSummary(props) {
         options={{
           indexAxis: "y",
           responsive: true,
+          legend: {
+            labels: {
+              fontColor: "#ffffff",
+            },
+          },
           scales: {
-            myScale: {
+            y: {
+              type: "category",
+              position: "left",
+              ticks: {
+                color: "white",
+              },
+            },
+            x: {
               type: "logarithmic",
               position: "bottom",
+              ticks: {
+                color: "white",
+              },
             },
           },
         }}

components/RepoSummary/RepoSummary.module.sass

@@ -2,3 +2,6 @@
     max-width: 1000px
     width: 50vw
     margin: 150px 0
+
+    canvas
+        color: white