update img tags and correct deploy

.drone.yml

@@ -2,11 +2,11 @@ kind: pipeline
 name: default
 
 steps:
-  # - name: build
-  #   image: node
-  #   commands:
-  #     - npm install
-  #     - npm run build
+  - name: build
+    image: node
+    commands:
+      - npm install
+      - npm run build
 
   - name: deploy
     image: node
@@ -14,6 +14,8 @@ steps:
       - name: www-next
         path: /www-next
     commands:
+      - npm install
+      - npm run build
       - rm -rf /www-next/* /www-next/.[!.]*
       - cp -r ./ /www-next/
       - npm install --prefix /www-next

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

pages/index.jsx

@@ -63,11 +63,17 @@ export async function getStaticProps(context) {
     // console.log(githubResp);
 
     var publicGithubRepos = await githubResp.json();
+    console.log(publicGithubRepos);
   } catch (error) {
     console.warn(error);
   }
 
-  for (const repo of publicGithubRepos) {
+  if (publicGiteaRepos.documentation_url) {
+    console.error(publicGithubRepos);
+    publicGithubRepos = [];
+  }
+
+  for (const repo in publicGithubRepos) {
     var resp = await fetch(
       "https://api.github.com/repos/" + repo.full_name + "/languages",
       {