set default values for canvas settings

raheeliftikhar5 · raheeliftikhar5 · commit 420c56f3a958 · 2024-10-25T11:23:29.000+05:00
diff --git a/client/packages/lowcoder/src/components/ThemeSettingsSelector.tsx b/client/packages/lowcoder/src/components/ThemeSettingsSelector.tsx
@@ -50,6 +50,7 @@ type ColorConfigProps = {
   gridColumns?: string; // Added By Aqib Mirza
   showComponentLoadingIndicators?: boolean;
   showDataLoadingIndicators?: boolean;
+  canvasItemValue?: string;
 };
 
 export default function ThemeSettingsSelector(props: ColorConfigProps) {
@@ -70,6 +71,7 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
     fontFamily: defaultFontFamily,
     showComponentLoadingIndicators: defaultShowComponentLoaders,
     showDataLoadingIndicators: defaultShowDataLoaders,
+    canvasItemValue: defaultCanvasItemValue,
   } = props;
   
   const configChangeWithDebounce = _.debounce(configChange, 0);
@@ -84,6 +86,7 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
   const [fontFamily, setFontFamily] = useState(defaultFontFamily);
   const [showComponentLoaders, setComponentLoaders] = useState(defaultShowComponentLoaders);
   const [showDataLoaders, setDataLoaders] = useState(defaultShowDataLoaders);
+  const [canvasValue, setCanvasValue] = useState(defaultCanvasItemValue);
 
   const varName = `(${themeSettingKey})`;
 
@@ -245,6 +248,10 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
     setDataLoaders(defaultShowDataLoaders);
   }, [defaultShowDataLoaders]);
 
+  useEffect(() => {
+    setCanvasValue(defaultCanvasItemValue);
+  }, [defaultCanvasItemValue]);
+
   return (
     <ConfigItem className={props.className}>
       {themeSettingKey !== "showDataLoadingIndicators"
diff --git a/client/packages/lowcoder/src/pages/setting/theme/detail/index.tsx b/client/packages/lowcoder/src/pages/setting/theme/detail/index.tsx
@@ -565,7 +565,7 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
                               <ThemeSettingsSelector
                                 themeSettingKey={canvasSettingItem.settingsKey}
                                 name={canvasSettingItem.name}
-                                radius={canvasSettingItem.value as string}
+                                canvasItemValue={canvasSettingItem.value as string}
                                 configChange={(params) => {
                                   this.configChange(params);
                                 }}
