From 6d2c274e362f812c213acd84af01ce5f128495ce Mon Sep 17 00:00:00 2001
From: Vansh Nagpal <2002vansh@gmail.com>
Date: Sun, 13 Oct 2024 19:17:13 -0400
Subject: [PATCH] updating image pathing

---
 utils/skill-image.js | 318 ++++++++++++++++++++++---------------------
 1 file changed, 160 insertions(+), 158 deletions(-)

diff --git a/utils/skill-image.js b/utils/skill-image.js
index f065d64..14d7d71 100644
--- a/utils/skill-image.js
+++ b/utils/skill-image.js
@@ -74,162 +74,164 @@ import wolframalpha from '/public/svg/skills/wolframalpha.svg';
 import wordpress from '/public/svg/skills/wordpress.svg';
 
 
-export const skillsImage = (skill) => {
-  const skillID = skill.toLowerCase();
-  switch (skillID) {
-    case 'gcp':
-      return gcp;
-    case 'html':
-      return html;
-    case 'photoshop':
-      return photoshop;
-    case 'docker':
-      return docker;
-    case 'illustrator':
-      return illustrator;
-    case 'adobe xd':
-      return adobeXd;
-    case 'after effects':
-      return afterEffects;
-    case 'css':
-      return css;
-    case 'angular':
-      return angular;
-    case 'javascript':
-      return javascript;
-    case 'next js':
-      return nextJS;
-    case 'nuxt js':
-      return nuxtJS;
-    case 'react':
-      return react;
-    case 'svelte':
-      return svelte;
-    case 'typescript':
-      return typescript;
-    case 'vue':
-      return vue;
-    case 'bootstrap':
-      return bootstrap;
-    case 'bulma':
-      return bulma;
-    case 'capacitorjs':
-      return capacitorjs;
-    case 'coffeescript':
-      return coffeescript;
-    case 'memsql':
-      return memsql;
-    case 'mongodb':
-      return mongoDB;
-    case 'mysql':
-      return mysql;
-    case 'postgresql':
-      return postgresql;
-    case 'tailwind':
-      return tailwind;
-    case 'vitejs':
-      return vitejs;
-    case 'vuetifyjs':
-      return vuetifyjs;
-    case 'c':
-      return c;
-    case 'c++':
-      return cplusplus;
-    case 'c#':
-      return csharp;
-    case 'dart':
-      return dart;
-    case 'go':
-      return go;
-    case 'java':
-      return java;
-    case 'kotlin':
-      return kotlin;
-    case 'julia':
-      return julia;
-    case 'matlab':
-      return matlab;
-    case 'php':
-      return php;
-    case 'python':
-      return python;
-    case 'ruby':
-      return ruby;
-    case 'swift':
-      return swift;
-    case 'adobe audition':
-      return adobeaudition;
-    case 'aws':
-      return aws;
-    case 'deno':
-      return deno;
-    case 'django':
-      return django;
-    case 'firebase':
-      return firebase;
-    case 'gimp':
-      return gimp;
-    case 'git':
-      return git;
-    case 'graphql':
-      return graphql;
-    case 'lightroom':
-      return lightroom;
-    case 'materialui':
-      return materialui;
-    case 'nginx':
-      return nginx;
-    case 'numpy':
-      return numpy;
-    case 'opencv':
-      return opencv;
-    case 'premiere pro':
-      return premierepro;
-    case 'pytorch':
-      return pytorch;
-    case 'selenium':
-      return selenium;
-    case 'strapi':
-      return strapi;
-    case 'tensorflow':
-      return tensorflow;
-    case 'webix':
-      return webix;
-    case 'wordpress':
-      return wordpress;
-    case 'azure':
-      return azure;
-    case 'blender':
-      return blender;
-    case 'fastify':
-      return fastify;
-    case 'figma':
-      return figma;
-    case 'flutter':
-      return flutter;
-    case 'haxe':
-      return haxe;
-    case 'ionic':
-      return ionic;
-    case 'markdown':
-      return markdown;
-    case 'microsoft office':
-      return microsoftoffice;
-    case 'picsart':
-      return picsart;
-    case 'sketch':
-      return sketch;
-    case 'unity':
-      return unity;
-    case 'wolframalpha':
-      return wolframalpha;
-    case 'canva':
-      return canva;
-    default:
-      break;
-  }
-}
 // export const skillsImage = (skill) => {
-//   const skillID = skill.toLowerCase().replace(/\s+/g, '-'); // To handle spaces in skill names
-//   return `/vnagpal25.github.io/svg/skills/${skillID}.svg`;
-// };
+//   const skillID = skill.toLowerCase();
+//   switch (skillID) {
+//     case 'gcp':
+//       return gcp;
+//     case 'html':
+//       return html;
+//     case 'photoshop':
+//       return photoshop;
+//     case 'docker':
+//       return docker;
+//     case 'illustrator':
+//       return illustrator;
+//     case 'adobe xd':
+//       return adobeXd;
+//     case 'after effects':
+//       return afterEffects;
+//     case 'css':
+//       return css;
+//     case 'angular':
+//       return angular;
+//     case 'javascript':
+//       return javascript;
+//     case 'next js':
+//       return nextJS;
+//     case 'nuxt js':
+//       return nuxtJS;
+//     case 'react':
+//       return react;
+//     case 'svelte':
+//       return svelte;
+//     case 'typescript':
+//       return typescript;
+//     case 'vue':
+//       return vue;
+//     case 'bootstrap':
+//       return bootstrap;
+//     case 'bulma':
+//       return bulma;
+//     case 'capacitorjs':
+//       return capacitorjs;
+//     case 'coffeescript':
+//       return coffeescript;
+//     case 'memsql':
+//       return memsql;
+//     case 'mongodb':
+//       return mongoDB;
+//     case 'mysql':
+//       return mysql;
+//     case 'postgresql':
+//       return postgresql;
+//     case 'tailwind':
+//       return tailwind;
+//     case 'vitejs':
+//       return vitejs;
+//     case 'vuetifyjs':
+//       return vuetifyjs;
+//     case 'c':
+//       return c;
+//     case 'c++':
+//       return cplusplus;
+//     case 'c#':
+//       return csharp;
+//     case 'dart':
+//       return dart;
+//     case 'go':
+//       return go;
+//     case 'java':
+//       return java;
+//     case 'kotlin':
+//       return kotlin;
+//     case 'julia':
+//       return julia;
+//     case 'matlab':
+//       return matlab;
+//     case 'php':
+//       return php;
+//     case 'python':
+//       return python;
+//     case 'ruby':
+//       return ruby;
+//     case 'swift':
+//       return swift;
+//     case 'adobe audition':
+//       return adobeaudition;
+//     case 'aws':
+//       return aws;
+//     case 'deno':
+//       return deno;
+//     case 'django':
+//       return django;
+//     case 'firebase':
+//       return firebase;
+//     case 'gimp':
+//       return gimp;
+//     case 'git':
+//       return git;
+//     case 'graphql':
+//       return graphql;
+//     case 'lightroom':
+//       return lightroom;
+//     case 'materialui':
+//       return materialui;
+//     case 'nginx':
+//       return nginx;
+//     case 'numpy':
+//       return numpy;
+//     case 'opencv':
+//       return opencv;
+//     case 'premiere pro':
+//       return premierepro;
+//     case 'pytorch':
+//       return pytorch;
+//     case 'selenium':
+//       return selenium;
+//     case 'strapi':
+//       return strapi;
+//     case 'tensorflow':
+//       return tensorflow;
+//     case 'webix':
+//       return webix;
+//     case 'wordpress':
+//       return wordpress;
+//     case 'azure':
+//       return azure;
+//     case 'blender':
+//       return blender;
+//     case 'fastify':
+//       return fastify;
+//     case 'figma':
+//       return figma;
+//     case 'flutter':
+//       return flutter;
+//     case 'haxe':
+//       return haxe;
+//     case 'ionic':
+//       return ionic;
+//     case 'markdown':
+//       return markdown;
+//     case 'microsoft office':
+//       return microsoftoffice;
+//     case 'picsart':
+//       return picsart;
+//     case 'sketch':
+//       return sketch;
+//     case 'unity':
+//       return unity;
+//     case 'wolframalpha':
+//       return wolframalpha;
+//     case 'canva':
+//       return canva;
+//     default:
+//       break;
+//   }
+// }
+export const skillsImage = (skill) => {
+  const skillID = skill.toLowerCase().replace(/\s+/g, '-');
+  const basePath = process.env.DEPLOYED_GITHUB_PATH || '/vnagpal25.github.io';
+
+  return `${basePath}/svg/skills/${skillID}.svg`;
+};