NU-1694 change DTPickerStyled approach

TouK · Jun 13, 2024 · bd993cc · bd993cc
1 parent 693d8dd
commit bd993cc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 18 deletions.
diff --git a/designer/client/src/components/NodeInput.tsx b/designer/client/src/components/NodeInput.tsx
@@ -1,14 +1,11 @@
 import { css } from "@mui/material";
-import { CSSProperties } from "react";
 
-export const nodeInputCss = (extended?: CSSProperties) =>
-    css({
-        height: "35px",
-        width: "100%",
-        padding: "0 10px",
-        border: "none",
-        '&[type="checkbox"]': {
-            height: "20px",
-        },
-        ...extended,
-    });
+export const nodeInputCss = css({
+    height: "35px",
+    width: "100%",
+    padding: "0 10px",
+    border: "none",
+    '&[type="checkbox"]': {
+        height: "20px",
+    },
+});
diff --git a/designer/client/src/components/common/DTPicker.tsx b/designer/client/src/components/common/DTPicker.tsx
@@ -4,11 +4,7 @@ import { useTranslation } from "react-i18next";
 import { styled } from "@mui/material";
 import { nodeInputCss } from "../NodeInput";
 
-const DTPickerStyled = styled(DateTimePicker)(() => ({
-    ...nodeInputCss({
-        padding: "0",
-    }),
-}));
+const DTPickerStyled = styled(DateTimePicker)(nodeInputCss, { padding: 0 });
 const style = {
     background: "none",
     border: "none",

diff --git a/designer/client/src/components/graph/node-modal/editors/expression/RawEditor.tsx b/designer/client/src/components/graph/node-modal/editors/expression/RawEditor.tsx
@@ -47,7 +47,7 @@ const RawEditorComponent = (props: RawEditorProps, forwardedRef: ForwardedRef<Re
             rows: rows,
             cols: cols,
             className: cx(nodeInput),
-            style: nodeInputCss(),
+            style: nodeInputCss,
             value: value,
             language: language,
             onValueChange: onValueChange,