Work Around Fix

Signed-off-by: Ajay Singh <[email protected]>
layer5io · Dec 12, 2024 · 9dd328c · 9dd328c
1 parent a223d57
commit 9dd328c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/sections/AWS-Diagram/diagram.js b/src/sections/AWS-Diagram/diagram.js
@@ -2,7 +2,8 @@ import React from "react";
 import styled from "styled-components";
 import { Container, Row, Col } from "../../reusecore/Layout";
 import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode";
-import Template from "../../assets/images/AWS-Diagram/templates.svg"
+import TemplateWhite from "../../assets/images/AWS-Diagram/templates.svg"
+import TemplateDark from "../../assets/images/AWS-Diagram/templates-dark.svg"
 import RelatedPicks from "../../components/RelatedPicks";
 import ConfigGIF from "./images/config.gif";
 import DeployGIF from "./images/deploy.gif";
@@ -199,7 +200,7 @@ const Aws = () => {
         <Row className="catalog">
           <Col md={8} className="diagram-image">
             <div className="image-wrapper">
-              <img src={Template} alt="Designing AWS Diagrams with Kanvas" className="aws-image" />
+              <img src={isDark?TemplateDark:TemplateWhite} alt="Designing AWS Diagrams with Kanvas" className="aws-image" />
             </div>
           </Col>
           <Col md={4} className="diagram-detail">