docs:fix build

actifyjs · Oct 14, 2024 · 95f8edf · 95f8edf
1 parent eb35052
commit 95f8edf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/apps/docs/src/usages/progress/circular-progress.tsx b/apps/docs/src/usages/progress/circular-progress.tsx
@@ -3,7 +3,7 @@ import { CircularProgress, Label, Slider, Switch } from 'actify'
 import { useState } from 'react'
 
 export default () => {
-  const [value, setValue] = useState('50')
+  const [value, setValue] = useState(50)
   const [indeterminate, setIndeterminate] = useState(true)
 
   return (
@@ -14,16 +14,17 @@ export default () => {
         <Switch
           icons
           color="primary"
-          selected={indeterminate}
-          onChange={(e) => setIndeterminate(e.target.checked)}
+          isSelected={indeterminate}
+          onChange={setIndeterminate}
         />
       </Label>
       <Label className="flex flex-1 items-center gap-2">
         <span>value</span>
         <Slider
           labeled
           value={value}
-          onChange={(e) => setValue(e.target.value)}
+          // @ts-ignore
+          onChange={setValue}
         />
       </Label>
     </div>

diff --git a/apps/docs/src/usages/progress/linear-progress.tsx b/apps/docs/src/usages/progress/linear-progress.tsx
@@ -3,7 +3,7 @@ import { Label, LinearProgress, Slider, Switch } from 'actify'
 import { useState } from 'react'
 
 export default () => {
-  const [value, setValue] = useState('50')
+  const [value, setValue] = useState(50)
   const [indeterminate, setIndeterminate] = useState(true)
 
   return (
@@ -15,16 +15,17 @@ export default () => {
         <Switch
           icons
           color="primary"
-          selected={indeterminate}
-          onChange={(e) => setIndeterminate(e.target.checked)}
+          isSelected={indeterminate}
+          onChange={setIndeterminate}
         />
       </Label>
       <Label className="flex flex-1 items-center gap-2">
         <span>value</span>
         <Slider
           labeled
           value={value}
-          onChange={(e) => setValue(e.target.value)}
+          // @ts-ignore
+          onChange={setValue}
         />
       </Label>
     </div>