refactor(progress): ♻️ update stories & component

adaptui · Oct 19, 2020 · 5bd038f · 5bd038f
1 parent 56d0cb3
commit 5bd038f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/progress/Progress.ts b/src/progress/Progress.ts
@@ -4,13 +4,12 @@
  * We improved the Progress Component [Progress](https://github.com/chakra-ui/chakra-ui/tree/develop/packages/progress)
  * to work with Reakit System
  */
-import { isFunction } from "@chakra-ui/utils";
 import { BoxHTMLProps, BoxOptions, useBox } from "reakit";
 import { createHook, createComponent } from "reakit-system";
 
+import { dataAttr } from "../utils";
 import { PROGRESS_KEYS } from "./__keys";
 import { ProgressStateReturn } from "./ProgressState";
-import { dataAttr } from "../utils";
 
 export type ProgressOptions = BoxOptions &
   Pick<
@@ -39,8 +38,8 @@ export const useProgress = createHook<ProgressOptions, ProgressHTMLProps>({
 
     const getAriaValueText = () => {
       if (value == null) return;
-      return isFunction(options.getAriaValueText)
-        ? options.getAriaValueText(value, percent)
+      return options.getAriaValueText
+        ? options.getAriaValueText?.(value, percent)
         : ariaValueText ?? `${value}`;
     };
 

diff --git a/src/progress/stories/LinearProgress.stories.tsx b/src/progress/stories/LinearProgress.stories.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Meta } from "@storybook/react";
 
-import { StyledProgress } from "./Progress";
+import { StyledProgress } from "./ProgressComponent";
 
 export default {
   title: "Progress/Linear",

diff --git a/src/progress/stories/Progress.tsx → src/progress/stories/ProgressComponent.tsx b/src/progress/stories/Progress.tsx → src/progress/stories/ProgressComponent.tsx