feat: Added label prop to progress circle which overrides default per…

…centage label
ZebraDevs · Nov 4, 2024 · e3d003e · e3d003e
1 parent 08382f6
commit e3d003e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/example/lib/pages/components/progress_example.dart b/example/lib/pages/components/progress_example.dart
@@ -132,6 +132,7 @@ class _WrapperState extends State<Wrapper> {
                 child: ZetaProgressCircle(
                   progress: progress,
                   size: widget.circleSize!,
+                  label: '30%',
                 ),
               )
             : SizedBox(

diff --git a/example/widgetbook/pages/components/progress_widgetbook.dart b/example/widgetbook/pages/components/progress_widgetbook.dart
@@ -33,5 +33,6 @@ Widget progressCircleUseCase(BuildContext context) => WidgetbookScaffold(
           labelBuilder: enumLabelBuilder,
         ),
         onCancel: context.knobs.boolean(label: "Can Cancel") ? () {} : null,
+        label: context.knobs.stringOrNull(label: 'Label'),
       ),
     );
diff --git a/lib/src/components/progress/progress_circle.dart b/lib/src/components/progress/progress_circle.dart
@@ -37,6 +37,7 @@ class ZetaProgressCircle extends ZetaProgress {
     this.size = ZetaCircleSizes.xl,
     super.rounded,
     this.onCancel,
+    this.label,
   });
 
   ///Size of [ZetaProgressCircle]
@@ -45,6 +46,9 @@ class ZetaProgressCircle extends ZetaProgress {
   /// Cancel function => cancel upload.
   final VoidCallback? onCancel;
 
+  /// Label for [ZetaProgressCircle], override default percentage label.
+  final String? label;
+
   @override
   State<ZetaProgressCircle> createState() => _ZetaProgressCircleState();
 
@@ -55,7 +59,8 @@ class ZetaProgressCircle extends ZetaProgress {
       ..add(EnumProperty<ZetaCircleSizes>('size', size))
       ..add(DoubleProperty('progress', progress))
       ..add(DiagnosticsProperty<bool>('rounded', rounded))
-      ..add(ObjectFlagProperty<VoidCallback?>.has('onCancel', onCancel));
+      ..add(ObjectFlagProperty<VoidCallback?>.has('onCancel', onCancel))
+      ..add(StringProperty('label', label));
   }
 }
 
@@ -85,13 +90,11 @@ class _ZetaProgressCircleState extends ZetaProgressState<ZetaProgressCircle> {
 
   @override
   Widget build(BuildContext context) {
-    final textVal = '${(widget.progress * 100).round()}%';
+    final textVal = widget.label ?? '${(widget.progress * 100).round()}%';
     final colors = Zeta.of(context).colors;
     final textWidget = Text(
       textVal,
-      style: widget.size != ZetaCircleSizes.s
-          ? ZetaTextStyles.labelSmall
-          : ZetaTextStyles.labelSmall.copyWith(fontSize: Zeta.of(context).spacing.small),
+      style: _getTextSize(),
     );
 
     return ConstrainedBox(
@@ -168,6 +171,19 @@ class _ZetaProgressCircleState extends ZetaProgressState<ZetaProgressCircle> {
     }
   }
 
+  TextStyle _getTextSize() {
+    switch (widget.size) {
+      case ZetaCircleSizes.xs:
+      case ZetaCircleSizes.s:
+        return ZetaTextStyles.labelSmall;
+      case ZetaCircleSizes.m:
+        return ZetaTextStyles.labelMedium;
+      case ZetaCircleSizes.l:
+      case ZetaCircleSizes.xl:
+        return ZetaTextStyles.labelLarge;
+    }
+  }
+
   @override
   void debugFillProperties(DiagnosticPropertiesBuilder properties) {
     super.debugFillProperties(properties);