From 8f59eb86bacea7364e07ccf84e9c6918ac06c774 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 08:55:41 +0000 Subject: [PATCH 1/9] Added Images of catalog card for dark theme Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- .../circuit-breaker-dark.svg | 59 ++++++++++++++ .../correlate-event-dark.svg | 25 ++++++ .../catalog-card-images/denial-dark.svg | 71 +++++++++++++++++ .../kanvas/catalog-card-images/http-dark.svg | 19 +++++ .../kanvas/catalog-card-images/jwt-dark.svg | 18 +++++ .../catalog-card-images/multicluster-dark.svg | 78 +++++++++++++++++++ .../catalog-card-images/mutual-tls-dark.svg | 52 +++++++++++++ .../catalog-card-images/node-agent-dark.svg | 62 +++++++++++++++ .../catalog-card-images/only-wagent-dark.svg | 15 ++++ .../pre-provision-dark.svg | 44 +++++++++++ .../catalog-card-images/retries-dark.svg | 52 +++++++++++++ .../retry-deadline-dark.svg | 64 +++++++++++++++ .../single-tenant-dark.svg | 54 +++++++++++++ .../catalog-card-images/singleton-dark.svg | 19 +++++ .../catalog-card-images/traces-dark.svg | 34 ++++++++ 15 files changed, 666 insertions(+) create mode 100644 src/assets/images/kanvas/catalog-card-images/circuit-breaker-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/correlate-event-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/denial-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/http-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/jwt-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/multicluster-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/mutual-tls-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/node-agent-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/only-wagent-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/pre-provision-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/retries-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/retry-deadline-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/single-tenant-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/singleton-dark.svg create mode 100644 src/assets/images/kanvas/catalog-card-images/traces-dark.svg diff --git a/src/assets/images/kanvas/catalog-card-images/circuit-breaker-dark.svg b/src/assets/images/kanvas/catalog-card-images/circuit-breaker-dark.svg new file mode 100644 index 000000000000..9bd542f18450 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/circuit-breaker-dark.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/correlate-event-dark.svg b/src/assets/images/kanvas/catalog-card-images/correlate-event-dark.svg new file mode 100644 index 000000000000..b2e6df7327b5 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/correlate-event-dark.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/denial-dark.svg b/src/assets/images/kanvas/catalog-card-images/denial-dark.svg new file mode 100644 index 000000000000..4213f334f167 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/denial-dark.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/http-dark.svg b/src/assets/images/kanvas/catalog-card-images/http-dark.svg new file mode 100644 index 000000000000..fe46801c8be5 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/http-dark.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/jwt-dark.svg b/src/assets/images/kanvas/catalog-card-images/jwt-dark.svg new file mode 100644 index 000000000000..7a7a43410bff --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/jwt-dark.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/multicluster-dark.svg b/src/assets/images/kanvas/catalog-card-images/multicluster-dark.svg new file mode 100644 index 000000000000..deb98693fc81 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/multicluster-dark.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/mutual-tls-dark.svg b/src/assets/images/kanvas/catalog-card-images/mutual-tls-dark.svg new file mode 100644 index 000000000000..d14f3cc9761f --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/mutual-tls-dark.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/node-agent-dark.svg b/src/assets/images/kanvas/catalog-card-images/node-agent-dark.svg new file mode 100644 index 000000000000..aa74e54c3699 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/node-agent-dark.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/only-wagent-dark.svg b/src/assets/images/kanvas/catalog-card-images/only-wagent-dark.svg new file mode 100644 index 000000000000..0c3c926dd788 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/only-wagent-dark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/pre-provision-dark.svg b/src/assets/images/kanvas/catalog-card-images/pre-provision-dark.svg new file mode 100644 index 000000000000..5409e13f14c1 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/pre-provision-dark.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/retries-dark.svg b/src/assets/images/kanvas/catalog-card-images/retries-dark.svg new file mode 100644 index 000000000000..39bc14eecd4a --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/retries-dark.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/retry-deadline-dark.svg b/src/assets/images/kanvas/catalog-card-images/retry-deadline-dark.svg new file mode 100644 index 000000000000..88feffef64cc --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/retry-deadline-dark.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/single-tenant-dark.svg b/src/assets/images/kanvas/catalog-card-images/single-tenant-dark.svg new file mode 100644 index 000000000000..7e02ca92edaa --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/single-tenant-dark.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/singleton-dark.svg b/src/assets/images/kanvas/catalog-card-images/singleton-dark.svg new file mode 100644 index 000000000000..0980e9fb300e --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/singleton-dark.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/kanvas/catalog-card-images/traces-dark.svg b/src/assets/images/kanvas/catalog-card-images/traces-dark.svg new file mode 100644 index 000000000000..17938d04aae5 --- /dev/null +++ b/src/assets/images/kanvas/catalog-card-images/traces-dark.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file From af7f48adb8aada0b7711989b881f21d22af182c6 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 09:32:20 +0000 Subject: [PATCH 2/9] Enrich the 3-D Spinning of the catalog cards in dark theme Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Cloud-Native-Catalog/patterns.js | 47 +++++++++++++------ src/sections/Kanvas/kanvas-catalog.js | 46 ++++++++++++------ 2 files changed, 63 insertions(+), 30 deletions(-) diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index fb7562f4896d..52494e6eb63d 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -1,21 +1,37 @@ import React from "react"; import styled from "styled-components"; import Mutual_tls from "../../assets/images/kanvas/catalog-card-images/mutual-tls.svg"; +import Mutual_tls_dark from "../../assets/images/kanvas/catalog-card-images/mutual-tls-dark.svg"; import Retries from "../../assets/images/kanvas/catalog-card-images/retries.svg"; +import Retries_dark from "../../assets/images/kanvas/catalog-card-images/retries-dark.svg"; import Traces from "../../assets/images/kanvas/catalog-card-images/traces.svg"; +import Traces_dark from "../../assets/images/kanvas/catalog-card-images/traces-dark.svg"; import Denial from "../../assets/images/kanvas/catalog-card-images/denial.svg"; +import Denial_dark from "../../assets/images/kanvas/catalog-card-images/denial-dark.svg"; import Correlate_event from "../../assets/images/kanvas/catalog-card-images/correlate-event.svg"; +import Correlate_event_dark from "../../assets/images/kanvas/catalog-card-images/correlate-event-dark.svg"; import Only_wagent from "../../assets/images/kanvas/catalog-card-images/only-wagent.svg"; +import Only_wagent_dark from "../../assets/images/kanvas/catalog-card-images/only-wagent-dark.svg"; import Node_agent from "../../assets/images/kanvas/catalog-card-images/node-agent.svg"; +import Node_agent_dark from "../../assets/images/kanvas/catalog-card-images/node-agent-dark.svg"; import Single_tenant from "../../assets/images/kanvas/catalog-card-images/single-tenant.svg"; +import Single_tenant_dark from "../../assets/images/kanvas/catalog-card-images/single-tenant-dark.svg"; import Pre_provison from "../../assets/images/kanvas/catalog-card-images/pre-provision.svg"; +import Pre_provison_dark from "../../assets/images/kanvas/catalog-card-images/pre-provision-dark.svg"; import Circuit_breaker from "../../assets/images/kanvas/catalog-card-images/circuit-breaker.svg"; +import Circuit_breaker_dark from "../../assets/images/kanvas/catalog-card-images/circuit-breaker-dark.svg"; import Retry_deadline from "../../assets/images/kanvas/catalog-card-images/retry-deadline.svg"; +import Retry_deadline_dark from "../../assets/images/kanvas/catalog-card-images/retry-deadline-dark.svg"; import Singleton from "../../assets/images/kanvas/catalog-card-images/singleton.svg"; +import Singleton_dark from "../../assets/images/kanvas/catalog-card-images/singleton-dark.svg"; import Jwt_transformer from "../../assets/images/kanvas/catalog-card-images/jwt.svg"; +import Jwt_transformer_dark from "../../assets/images/kanvas/catalog-card-images/jwt-dark.svg"; import Multicluster from "../../assets/images/kanvas/catalog-card-images/multicluster.svg"; +import Multicluster_dark from "../../assets/images/kanvas/catalog-card-images/multicluster-dark.svg"; import Http_metrics from "../../assets/images/kanvas/catalog-card-images/http.svg"; +import Http_metrics_dark from "../../assets/images/kanvas/catalog-card-images/http-dark.svg"; import { Container } from "../../reusecore/Layout"; +import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode"; const CatalogWrapper = styled.div` margin: 0; @@ -255,6 +271,7 @@ const CatalogWrapper = styled.div` `; const Catalog = () => { + const { isDark } = useStyledDarkMode(); //Hook for changing the image according to theme return ( @@ -263,49 +280,49 @@ const Catalog = () => {
diff --git a/src/sections/Kanvas/kanvas-catalog.js b/src/sections/Kanvas/kanvas-catalog.js index 8001128711bd..14e0174d0eff 100644 --- a/src/sections/Kanvas/kanvas-catalog.js +++ b/src/sections/Kanvas/kanvas-catalog.js @@ -1,26 +1,42 @@ import React from "react"; import styled from "styled-components"; import Mutual_tls from "../../assets/images/kanvas/catalog-card-images/mutual-tls.svg"; +import Mutual_tls_dark from "../../assets/images/kanvas/catalog-card-images/mutual-tls-dark.svg"; import Retries from "../../assets/images/kanvas/catalog-card-images/retries.svg"; +import Retries_dark from "../../assets/images/kanvas/catalog-card-images/retries-dark.svg"; import Traces from "../../assets/images/kanvas/catalog-card-images/traces.svg"; +import Traces_dark from "../../assets/images/kanvas/catalog-card-images/traces-dark.svg"; import Denial from "../../assets/images/kanvas/catalog-card-images/denial.svg"; +import Denial_dark from "../../assets/images/kanvas/catalog-card-images/denial-dark.svg"; import Correlate_event from "../../assets/images/kanvas/catalog-card-images/correlate-event.svg"; +import Correlate_event_dark from "../../assets/images/kanvas/catalog-card-images/correlate-event-dark.svg"; import Only_wagent from "../../assets/images/kanvas/catalog-card-images/only-wagent.svg"; +import Only_wagent_dark from "../../assets/images/kanvas/catalog-card-images/only-wagent-dark.svg"; import Node_agent from "../../assets/images/kanvas/catalog-card-images/node-agent.svg"; +import Node_agent_dark from "../../assets/images/kanvas/catalog-card-images/node-agent-dark.svg"; import Single_tenant from "../../assets/images/kanvas/catalog-card-images/single-tenant.svg"; +import Single_tenant_dark from "../../assets/images/kanvas/catalog-card-images/single-tenant-dark.svg"; import Pre_provison from "../../assets/images/kanvas/catalog-card-images/pre-provision.svg"; +import Pre_provison_dark from "../../assets/images/kanvas/catalog-card-images/pre-provision-dark.svg"; import Circuit_breaker from "../../assets/images/kanvas/catalog-card-images/circuit-breaker.svg"; +import Circuit_breaker_dark from "../../assets/images/kanvas/catalog-card-images/circuit-breaker-dark.svg"; import Retry_deadline from "../../assets/images/kanvas/catalog-card-images/retry-deadline.svg"; +import Retry_deadline_dark from "../../assets/images/kanvas/catalog-card-images/retry-deadline-dark.svg"; import Singleton from "../../assets/images/kanvas/catalog-card-images/singleton.svg"; +import Singleton_dark from "../../assets/images/kanvas/catalog-card-images/singleton-dark.svg"; import Jwt_transformer from "../../assets/images/kanvas/catalog-card-images/jwt.svg"; +import Jwt_transformer_dark from "../../assets/images/kanvas/catalog-card-images/jwt-dark.svg"; import Multicluster from "../../assets/images/kanvas/catalog-card-images/multicluster.svg"; +import Multicluster_dark from "../../assets/images/kanvas/catalog-card-images/multicluster-dark.svg"; import Http_metrics from "../../assets/images/kanvas/catalog-card-images/http.svg"; +import Http_metrics_dark from "../../assets/images/kanvas/catalog-card-images/http-dark.svg"; import Wasm from "../../assets/images/webassembly/webssembly_icon.svg"; import Patterns from "../../assets/images/service-mesh-patterns/service-mesh-pattern.svg"; import Ebpf from "../../assets/images/kanvas/ebpf.svg"; import Opa from "../../assets/images/kanvas/opa.svg"; import { Container } from "../../reusecore/Layout"; +import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode"; const CatalogWrapper = styled.div` @@ -467,49 +483,49 @@ const Catalog = () => {
From 291a7815d2dc45caa0598975e9dafa873736fa84 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 09:44:13 +0000 Subject: [PATCH 3/9] Removed PNG file within the SVG file and corrected className Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/assets/images/AWS-Diagram/templates-dark.svg | 1 - src/sections/AWS-Diagram/diagram.js | 10 +++++----- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/assets/images/AWS-Diagram/templates-dark.svg b/src/assets/images/AWS-Diagram/templates-dark.svg index 6dba5c9c0fa1..89ee40b4f2f0 100644 --- a/src/assets/images/AWS-Diagram/templates-dark.svg +++ b/src/assets/images/AWS-Diagram/templates-dark.svg @@ -280,6 +280,5 @@ - diff --git a/src/sections/AWS-Diagram/diagram.js b/src/sections/AWS-Diagram/diagram.js index 816bf9264dbc..14617fb985e3 100644 --- a/src/sections/AWS-Diagram/diagram.js +++ b/src/sections/AWS-Diagram/diagram.js @@ -146,7 +146,7 @@ const Aws = () => {
- AWS Diagrams for anything + AWS Diagrams for anything
@@ -165,14 +165,14 @@ const Aws = () => {
- AWS Diagrams for anything + AWS Diagrams for anything
- AWS Diagrams for anything + AWS Diagrams for anything
@@ -192,14 +192,14 @@ const Aws = () => {
- AWS Diagrams for anything + AWS Diagrams for anything
- Designing AWS Diagrams with Kanvas + Designing AWS Diagrams with Kanvas
From b5ea90343009fc29e8b14c86d9c5e1b19acc3868 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 15:38:18 +0530 Subject: [PATCH 4/9] Fixed the Error Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Kanvas/kanvas-catalog.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/sections/Kanvas/kanvas-catalog.js b/src/sections/Kanvas/kanvas-catalog.js index 14e0174d0eff..19b77ced9ab1 100644 --- a/src/sections/Kanvas/kanvas-catalog.js +++ b/src/sections/Kanvas/kanvas-catalog.js @@ -434,6 +434,7 @@ h3.containerCaption { `; const Catalog = () => { + const { isDark } = useStyledDarkMode(); return ( From 7541c372a04fe66aeed9af8eef25319ec9e1a17d Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 10:27:13 +0000 Subject: [PATCH 5/9] Fix Lint Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Kanvas/kanvas-catalog.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Kanvas/kanvas-catalog.js b/src/sections/Kanvas/kanvas-catalog.js index 19b77ced9ab1..b5346c39f777 100644 --- a/src/sections/Kanvas/kanvas-catalog.js +++ b/src/sections/Kanvas/kanvas-catalog.js @@ -440,7 +440,7 @@ const Catalog = () => {

- Kanvas is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates. + Kanvas is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates.

From 6a3c8bc42f3e4987a7356a1441c901b78b822bba Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 10:44:16 +0000 Subject: [PATCH 6/9] Removed comment to fix linter Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Cloud-Native-Catalog/patterns.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index 52494e6eb63d..3c767a16cfde 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -271,7 +271,7 @@ const CatalogWrapper = styled.div` `; const Catalog = () => { - const { isDark } = useStyledDarkMode(); //Hook for changing the image according to theme + const { isDark } = useStyledDarkMode(); return (
From 8a68373090b16f3cd4ffe56bbce1e64e07cd3704 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 10:59:17 +0000 Subject: [PATCH 7/9] Remove trailing whitespace Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Cloud-Native-Catalog/patterns.js | 2 +- src/sections/Kanvas/kanvas-catalog.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index 3c767a16cfde..39fe8c050882 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -271,7 +271,7 @@ const CatalogWrapper = styled.div` `; const Catalog = () => { - const { isDark } = useStyledDarkMode(); +const { isDark } = useStyledDarkMode(); return ( diff --git a/src/sections/Kanvas/kanvas-catalog.js b/src/sections/Kanvas/kanvas-catalog.js index b5346c39f777..968f245575bf 100644 --- a/src/sections/Kanvas/kanvas-catalog.js +++ b/src/sections/Kanvas/kanvas-catalog.js @@ -434,7 +434,7 @@ h3.containerCaption { `; const Catalog = () => { - const { isDark } = useStyledDarkMode(); +const { isDark } = useStyledDarkMode(); return ( From 62627ca67657b33f8e94bfbf4f7de2f64a685481 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 11:23:26 +0000 Subject: [PATCH 8/9] Fix the linter issue Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Cloud-Native-Catalog/patterns.js | 2 +- src/sections/Kanvas/kanvas-catalog.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index 39fe8c050882..3c767a16cfde 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -271,7 +271,7 @@ const CatalogWrapper = styled.div` `; const Catalog = () => { -const { isDark } = useStyledDarkMode(); + const { isDark } = useStyledDarkMode(); return ( diff --git a/src/sections/Kanvas/kanvas-catalog.js b/src/sections/Kanvas/kanvas-catalog.js index 968f245575bf..b5346c39f777 100644 --- a/src/sections/Kanvas/kanvas-catalog.js +++ b/src/sections/Kanvas/kanvas-catalog.js @@ -434,7 +434,7 @@ h3.containerCaption { `; const Catalog = () => { -const { isDark } = useStyledDarkMode(); + const { isDark } = useStyledDarkMode(); return ( From 3a633581329dca2c800e0e117ae15570c5421c54 Mon Sep 17 00:00:00 2001 From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> Date: Wed, 25 Dec 2024 12:01:59 +0000 Subject: [PATCH 9/9] Fix linter error Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com> --- src/sections/Cloud-Native-Catalog/patterns.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index 3c767a16cfde..891e73a08e91 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -271,7 +271,7 @@ const CatalogWrapper = styled.div` `; const Catalog = () => { - const { isDark } = useStyledDarkMode(); + const { isDark } = useStyledDarkMode(); return (