IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Components: Slider: fix

Browse Source
This commit is contained in:
Viktor Fomin 2022-04-04 19:31:28 +03:00
parent f70f51df64
commit aea75c79f9
1 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/asc-web-components/slider/index.js
View File

@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";
import { StyledSlider } from "./styled-slider";
@ -16,16 +16,9 @@ const Slider = ({
}) => {
const [size, setSize] = useState("0%");
const handleChange = (e) => {
let target = e.target;
const max = target.max;
const min = target.min;
const val = target.value;
setSize(((val - min) * 100) / (max - min) + "%");
onChange && onChange(e);
};
useEffect(() => {
setSize(((value - min) * 100) / (max - min) + "%");
}, [value]);
return (
<StyledSlider
@ -39,7 +32,7 @@ const Slider = ({
value={value}
size={value && withPouring ? size : "0%"}
withPouring={withPouring}
onChange={handleChange}
onChange={onChange}
/>
);
};