Merge pull request #156 from bcgov/IOD270-SoftwareLOGO

Software logo matching

src/assets/index.js

@@ -1,8 +1,19 @@
 export * as mural from './images/mural.png';
 export * as adobecc from './images/adobecc.png';
 export * as powerbi from './images/powerbi.png';
-export * as docker from './images/docker.png';
+export * as dockerpro from './images/docker.png';
 export * as openshift from './images/openshift.png';
 export * as rocketchat from './images/rocketchat.png';
 export * as visualstudio from './images/visualstudio.png';
 export * as slamlogo from './images/slam-logo.png';
+export * as msvisio from './images/msvisio.png';
+export * as camtasia from './images/camtasia.png';
+export * as slido from './images/slido.png';
+export * as indesign from './images/indesign.png';
+export * as dreamweaver from './images/dreamweaver.png';
+export * as msproject from './images/msproject.png';
+export * as photoshop from './images/photoshop.png';
+export * as toad from './images/toad.png';
+export * as snagit from './images/snagit.png';
+export * as illustrator from './images/illustrator.png';
+export * as adobepro from './images/adobepro.png';

src/components/common/Logo.jsx

@@ -2,16 +2,126 @@ import { Typography } from '@mui/material';
 import Image from 'next/image';
 import {
   adobecc,
-  docker,
+  dockerpro,
   mural,
   openshift,
   powerbi,
   rocketchat,
   visualstudio,
+  photoshop,
+  indesign,
+  dreamweaver,
+  illustrator,
+  toad,
+  snagit,
+  slido,
+  msproject,
+  msvisio,
+  camtasia,
+  adobepro,
 } from '../../assets';
 
 export const Logo = ({ logoName, title }) => {
   switch (logoName) {
+    case 'adobepro':
+      return (
+        <Image
+          src={adobepro}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+    case 'toad':
+      return (
+        <Image src={toad} alt={title} layout="fill" className="logo-small" />
+      );
+
+    case 'snagit':
+      return (
+        <Image src={snagit} alt={title} layout="fill" className="logo-small" />
+      );
+
+    case 'slido':
+      return (
+        <Image src={slido} alt={title} layout="fill" className="logo-small" />
+      );
+
+    case 'msproject':
+      return (
+        <Image
+          src={msproject}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
+    case 'msvisio':
+      return (
+        <Image src={msvisio} alt={title} layout="fill" className="logo-small" />
+      );
+
+    case 'camtasia':
+      return (
+        <Image
+          src={camtasia}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
+    case 'indesign':
+      return (
+        <Image
+          src={indesign}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
+    case 'illustrator':
+      return (
+        <Image
+          src={illustrator}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
+    case 'dreamweaver':
+      return (
+        <Image
+          src={dreamweaver}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
+    case 'photoshop':
+      return (
+        <Image
+          src={photoshop}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
+    case 'photoshopcc2018':
+      return (
+        <Image
+          src={photoshop}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
+      );
+
     case 'mural':
       return (
         <Image src={mural} alt={title} layout="fill" className="logo-small" />
@@ -57,9 +167,14 @@ export const Logo = ({ logoName, title }) => {
         />
       );
 
-    case 'docker':
+    case 'dockerpro':
       return (
-        <Image src={docker} alt={title} layout="fill" className="logo-small" />
+        <Image
+          src={dockerpro}
+          alt={title}
+          layout="fill"
+          className="logo-small"
+        />
       );
 
     default: