refactored control buttons

Author: freddysundowner

…comps/meetingComp/videoControlButton.tsx …omps/comps/meetingComp/controlButton.tsxclient/packages/lowcoder/src/comps/comps/meetingComp/videoControlButton.tsx renamed to client/packages/lowcoder/src/comps/comps/meetingComp/controlButton.tsx client/packages/lowcoder/src/comps/comps/meetingComp/videoControlButton.tsx renamed to client/packages/lowcoder/src/comps/comps/meetingComp/controlButton.tsx

@@ -306,17 +306,7 @@ let ButtonTmpComp = (function () {
                       {props.prefixIcon}
                     </IconWrapper>
                   )}
-                  {
-                    props.text ||
-                      (props.prefixIcon || props.suffixIcon ? undefined : " ") // Avoid button disappearing
-                  }
-                  {props.suffixIcon && (
-                    <IconWrapper
-                      $style={{ ...props.style, size: props.iconSize }}
-                    >
-                      {props.suffixIcon}
-                    </IconWrapper>
-                  )}
+                  
                 </Button100>
               </div>
             </Container>
@@ -369,7 +359,7 @@ ButtonTmpComp = class extends ButtonTmpComp {
     return this.children.autoHeight.getView();
   }
 };
-export const VideoControlButton = withExposingConfigs(ButtonTmpComp, [
+export const ControlButton = withExposingConfigs(ButtonTmpComp, [
   new NameConfig("text", trans("button.textDesc")),
   new NameConfig("loading", trans("button.loadingDesc")),
   ...CommonNameConfig,

client/packages/lowcoder/src/comps/index.tsx

@@ -137,7 +137,7 @@ import { AutoCompleteComp } from "./comps/autoCompleteComp/autoCompleteComp";
 import { JsonLottieComp } from "./comps/jsonComp/jsonLottieComp";
 import { ResponsiveLayoutComp } from "./comps/responsiveLayout";
 import { VideoMeetingStreamComp } from "./comps/meetingComp/videoMeetingStreamComp";
-import { VideoControlButton } from "./comps/meetingComp/videoControlButton";
+import { ControlButton } from "./comps/meetingComp/controlButton";
 import { VideoMeetingControllerComp } from "./comps/meetingComp/videoMeetingControllerComp";
 
 type Registry = {
@@ -568,14 +568,14 @@ const uiCompMap: Registry = {
     comp: VideoMeetingStreamComp,
     withoutLoading: true,
   },
-  meetingcontrols: {
+  controlButton: {
     name: trans("meeting.meetingControlCompName"),
     enName: "Controls",
     description: trans("meeting.meetingCompDesc"),
     categories: ["meeting"],
     icon: ButtonCompIcon,
     keywords: trans("meeting.meetingCompKeywords"),
-    comp: VideoControlButton,
+    comp: ControlButton,
     withoutLoading: true,
   },
   tabbedContainer: {

client/packages/lowcoder/src/comps/uiCompRegistry.ts

@@ -58,7 +58,7 @@ export type UICompType =
   | "chart"
   | "meeting"
   | "videocomponent"
-  | "meetingcontrols"
+  | "controlButton"
   | "imageEditor"
   | "calendar"
   | "password"

client/packages/lowcoder/src/pages/editor/editorConstants.tsx

@@ -86,7 +86,7 @@ export const CompStateIcon: {
   container: <LeftContainer />,
   meeting: <LeftMeeting />,
   videocomponent: <LeftMeeting />,
-  meetingcontrols: <LeftMeeting />,
+  controlButton: <LeftMeeting />,
   tabbedContainer: <LeftContainer />,
   modal: <LeftModal />,
   listView: <LeftListView />,