fixed iconButton comp

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/meetingComp/videobuttonCompConstants.tsx

@@ -1,22 +1,16 @@
+import { styleControl } from "@lowcoder-ee/comps/controls/styleControl";
+import { ButtonStyle } from "@lowcoder-ee/comps/controls/styleControlConstants";
+import { migrateOldData } from "@lowcoder-ee/comps/generators/simpleGenerators";
+import { refMethods } from "@lowcoder-ee/comps/generators/withMethodExposing";
+import { blurMethod, clickMethod, focusWithOptions } from "@lowcoder-ee/comps/utils/methodUtils";
 import { default as Button } from "antd/es/button";
-import {
-  styleControl,
-  ButtonStyleType,
-  ButtonStyle,
-  migrateOldData,
-  refMethods,
-  blurMethod,
-  clickMethod,
-  focusWithOptions,
-  genActiveColor,
-  genHoverColor,
-} from "lowcoder-sdk";
+import { genActiveColor, genHoverColor } from "components/colorSelect/colorUtils";
 import styled, { css } from "styled-components";
 // import { genActiveColor, genHoverColor } from "lowcoder-design";
 
 export function getButtonStyle(buttonStyle: any) {
-  const hoverColor = genHoverColor(buttonStyle.background);
-  const activeColor = genActiveColor(buttonStyle.background);
+  const hoverColor = buttonStyle.background && genHoverColor(buttonStyle.background);
+  const activeColor = buttonStyle.background && genActiveColor(buttonStyle.background);
   return css`
     &&& {
       border-radius: ${buttonStyle.radius};

client/packages/lowcoder/src/pages/ComponentDoc/examples/ButtonComp/IconButton.tsx

@@ -1,4 +1,4 @@
-import { IconComp } from "comps/comps/iconComp";
+import { ControlButton } from "comps/comps/meetingComp/controlButton";
 import { trans } from "i18n";
 import Example from "../../common/Example";
 import ExampleGroup from "../../common/ExampleGroup";
@@ -16,19 +16,19 @@ export default function IconButtonExample() {
             prefixIcon: "/icon:solid/align-justify",
             iconSize: "30px",
         }}
-          compFactory={IconComp}
+          compFactory={ControlButton}
         />
         <Example
           title={trans("componentDoc.loading")}
           width={120}
           config={{ type: "default", text: trans("componentDoc.submit"), loading: true }}
-          compFactory={IconComp}
+          compFactory={ControlButton}
         />
         <Example
           title={trans("componentDoc.disabled")}
           width={120}
           config={{ type: "default", text: trans("componentDoc.submit"), disabled: true }}
-          compFactory={IconComp}
+          compFactory={ControlButton}
         />
       </ExampleGroup>
 
@@ -39,23 +39,23 @@ export default function IconButtonExample() {
           config={{
             style: { backgroundColor: "#CD574C", borderColor: "#AC3A32", color: "#E0ECF6" },
           }}
-          compFactory={IconComp}
+          compFactory={ControlButton}
         />
         <Example
           title={trans("componentDoc.warning")}
           width={120}
           config={{
             style: { backgroundColor: "#F4A125", borderColor: "#DA7D16", color: "#000000" },
           }}
-          compFactory={IconComp}
+          compFactory={ControlButton}
         />
         <Example
           title={trans("componentDoc.success")}
           width={120}
           config={{
             style: { backgroundColor: "#5E8D6E", borderColor: "#40694E", color: "#E0ECF6" },
           }}
-          compFactory={IconComp}
+          compFactory={ControlButton}
         />
       </ExampleGroup>
     </>