Merge pull request #4298 from UzairNoman/fix/NV-2932-pseudo-class-fir…

…st-child-warning fix: first-child replaced with first-of-type due to SSR warning
novuhq · Oct 23, 2023 · 735d6ef · 735d6ef
2 parents d127654 + a002b9d
commit 735d6ef
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/apps/web/src/components/quick-start/digest-demo-flow/NodeStepWithPopover.tsx b/apps/web/src/components/quick-start/digest-demo-flow/NodeStepWithPopover.tsx
@@ -130,7 +130,7 @@ function useCounter() {
 
 const StyledDiv = styled.div`
   svg {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #dd2476 !important;
     }
     stop:last-child {
@@ -139,7 +139,7 @@ const StyledDiv = styled.div`
   }
 
   [data-blue-gradient-svg] {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #4c6dd4 !important;
     }
     stop:last-child {

diff --git a/apps/web/src/components/workflow/FlowEditor.tsx b/apps/web/src/components/workflow/FlowEditor.tsx
@@ -332,7 +332,7 @@ const Wrapper = styled.div<{ dark: boolean }>`
     cursor: pointer;
 
     [data-blue-gradient-svg] {
-      stop:first-child {
+      stop:first-of-type {
         stop-color: #4c6dd4 !important;
       }
       stop:last-child {
@@ -393,7 +393,7 @@ const Wrapper = styled.div<{ dark: boolean }>`
   }
 
   [data-template-store-editor] [data-workflow-node-icon] {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #dd2476 !important;
     }
     stop:last-child {

diff --git a/apps/web/src/components/workflow/NodeStep.tsx b/apps/web/src/components/workflow/NodeStep.tsx
@@ -44,7 +44,7 @@ const LeftContent = styled.div`
   align-items: center;
   gap: 15px;
   svg {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #dd2476 !important;
     }
     stop:last-child {

diff --git a/apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx b/apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx
@@ -91,15 +91,15 @@ const StyledDraggableNode = styled.div`
 
   &:hover {
     svg {
-      stop:first-child {
+      stop:first-of-type {
         stop-color: #dd2476 !important;
       }
       stop:last-child {
         stop-color: #ff512f !important;
       }
     }
     [data-blue-gradient-svg] {
-      stop:first-child {
+      stop:first-of-type {
         stop-color: #4c6dd4 !important;
       }
       stop:last-child {