Fix/litmus logo replace (#5297)

* update K6 Loadgen logo in Chaos Hub

Signed-off-by: Yash Goyal <[email protected]>
Signed-off-by: yashgoyal0110 <[email protected]>

* merge-conflict

Signed-off-by: yashgoyal0110 <[email protected]>

---------

Signed-off-by: Yash Goyal <[email protected]>
Signed-off-by: yashgoyal0110 <[email protected]>
Co-authored-by: Pritesh Kiri <[email protected]>
Co-authored-by: Vedant Shrotria <[email protected]>

Author: 3 people

chaoscenter/web/src/views/ChaosHub/ChaosFaults/ChaosFaults.module.scss

@@ -104,3 +104,11 @@
 .faultsListMainContainer {
   padding: 1rem 2rem;
 }
+
+.k6Logo {
+  width: 18px;
+  height: 18px;
+  object-fit: contain;
+  display: flex;
+  align-items: center;
+}

chaoscenter/web/src/views/ChaosHub/ChaosFaults/ChaosFaults.module.scss.d.ts

@@ -8,6 +8,7 @@ declare namespace ChaosFaultsModuleScssNamespace {
     gap2: string;
     gap4: string;
     insideCard: string;
+    k6Logo: string;
     listContainer: string;
     listContainerWithoutFaults: string;
     listContainerWithoutLoader: string;

chaoscenter/web/src/views/ChaosHub/ChaosFaults/ChaosFaults.tsx

@@ -89,6 +89,7 @@ function ChaosFaults({ hubDetails, faultCategories, loading, searchValue }: Chao
   };
 
   const FaultCard = (fault: Fault): React.ReactElement => {
+    const isK6Fault = fault.name.toLowerCase().includes('k6-loadgen');
     const isGcpFault = fault.tag.toLowerCase() === 'gcp';
     return (
       <Link
@@ -100,7 +101,13 @@ function ChaosFaults({ hubDetails, faultCategories, loading, searchValue }: Chao
         <Card key={fault.name} interactive className={css.insideCard}>
           <Layout.Vertical spacing="medium">
             <Layout.Horizontal spacing="small">
-              {isGcpFault ? (
+              {isK6Fault ? (
+                <img
+                  src="https://hub.litmuschaos.io/api/icon/3.22.0/load/k6-loadgen.png"
+                  alt="k6-logo"
+                  className={css.k6Logo}
+                />
+              ) : isGcpFault ? (
                 <img
                   src="https://hub.litmuschaos.io/api/icon/3.22.0/gcp/gcp-vm-instance-stop.png"
                   alt="GCP"

mkdocs/docs/experiments/faq/content.md

@@ -68,4 +68,4 @@
     <td>Troubleshooting related to litmus scheduler</td>
     <td><a href="/litmus/experiments/troubleshooting/scheduler/">Scheduler</a></td>
   </tr>
-</table>
+</table>