added icons lables

freddysundowner · raheeliftikhar5 · commit e5e1e2a2f75f · 2024-05-09T11:19:41.000+05:00
diff --git a/client/packages/lowcoder/package.json b/client/packages/lowcoder/package.json
@@ -41,7 +41,7 @@
     "buffer": "^6.0.3",
     "clsx": "^2.0.0",
     "cnchar": "^3.2.4",
-    "coolshapes-react": "^0.1.1-beta.0",
+    "coolshapes-react": "/Users/la/Desktop/coolshapes-react",
     "copy-to-clipboard": "^3.3.3",
     "core-js": "^3.25.2",
     "echarts": "^5.4.3",
diff --git a/client/packages/lowcoder/src/comps/comps/shapeComp/shapeComp.tsx b/client/packages/lowcoder/src/comps/comps/shapeComp/shapeComp.tsx
@@ -34,11 +34,6 @@ const Container = styled.div<{ $style: IconStyleType | undefined }>`
   display: flex;
   align-items: center;
   justify-content: center;
-  .coolshapes {
-    max-width: 100%;
-    min-height: 100%;
-    min-width: 100%;
-  }
 
   ${(props) =>
     props.$style &&
@@ -47,8 +42,6 @@ const Container = styled.div<{ $style: IconStyleType | undefined }>`
       width: calc(100% - ${props.$style.margin});
       padding: ${props.$style.padding};
       margin: ${props.$style.margin};
-      border: ${props.$style.borderWidth} solid ${props.$style.border};
-      border-radius: ${props.$style.radius};
       background: ${props.$style.background};
       svg {
         max-width: ${widthCalculator(props.$style.margin)};
@@ -57,7 +50,7 @@ const Container = styled.div<{ $style: IconStyleType | undefined }>`
         object-fit: contain;
         pointer-events: auto;
       }
-    `}
+    `} 
 `;
 
 const EventOptions = [clickEvent] as const;
@@ -106,16 +99,20 @@ const IconView = (props: RecordConstructorToView<typeof childrenMap>) => {
           fontSize: props.autoHeight
             ? `${height < width ? height : width}px`
             : props.iconSize,
-          background: props.style.background,
         }}
         onClick={() => {
           console.log("click");
-        }}
+        }}  
       >
-        <Coolshape
+        <Coolshape 
           type={shape.value as any}
-          index={shape.index}
-          noise={true}
+          index={shape.index} 
+          noise={false} 
+          style={{
+            border: `${props.style.borderWidth} solid ${props.style.border}`,
+            borderRadius: props.style.radius,
+            color: props.style.background,
+          }} 
         />
       </Container>
     </ReactResizeDetector>
