Progress bar border radius property

Lemoncode · Oct 8, 2024 · 1a8efdd · 1a8efdd
1 parent b8f0027
commit 1a8efdd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/common/components/mock-components/front-components/progressbar-shape.tsx b/src/common/components/mock-components/front-components/progressbar-shape.tsx
@@ -31,7 +31,7 @@ export const ProgressBarShape = forwardRef<any, ShapeProps>((props, ref) => {
   );
   const { width: restrictedWidth, height: restrictedHeight } = restrictedSize;
 
-  const { progress } = useShapeProps(otherProps, BASIC_SHAPE);
+  const { progress, borderRadius } = useShapeProps(otherProps, BASIC_SHAPE);
 
   const progressWidth = useMemo(
     () => (progress / 100) * restrictedWidth,
@@ -53,7 +53,7 @@ export const ProgressBarShape = forwardRef<any, ShapeProps>((props, ref) => {
         y={0}
         width={restrictedWidth}
         height={restrictedHeight}
-        cornerRadius={10}
+        cornerRadius={borderRadius}
         stroke="black"
         strokeWidth={2}
         fill="white"
@@ -65,7 +65,7 @@ export const ProgressBarShape = forwardRef<any, ShapeProps>((props, ref) => {
         y={0}
         width={progressWidth}
         height={restrictedHeight}
-        cornerRadius={10}
+        cornerRadius={borderRadius}
         stroke="black"
         strokeWidth={2}
         fill="lightgrey"

diff --git a/src/pods/canvas/canvas.model.ts b/src/pods/canvas/canvas.model.ts
@@ -513,6 +513,7 @@ export const generateDefaultOtherProps = (
     case 'progressbar':
       return {
         progress: '50',
+        borderRadius: `${INPUT_SHAPE.DEFAULT_CORNER_RADIUS}`,
       };
     case 'slider':
       return {