diff --git a/package.json b/package.json index a7e411ed..462f22ac 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "lodash": "4.17.21", "mousetrap": "1.6.5", "normalizr": "3.6.2", - "rc-slider": "9.7.2", + "rc-slider": "10.0.1", "react": "18.2.0", "react-dom": "18.2.0", "react-easy-crop": "4.5.0", diff --git a/src/components/photo-editor/photo-editor.tsx b/src/components/photo-editor/photo-editor.tsx index 65995b25..d57299e4 100644 --- a/src/components/photo-editor/photo-editor.tsx +++ b/src/components/photo-editor/photo-editor.tsx @@ -29,7 +29,6 @@ const handleStyle: React.CSSProperties = { bottom: '-6px', boxSizing: 'border-box', height: '20px', - left: '50%', position: 'absolute', transform: 'translateX(-50%)', width: '20px', @@ -60,11 +59,7 @@ interface ICrop { const BLOCK_NAME = 'photo-editor'; -const InitialPhotoEditor: React.FC = ({ - imageUrl, - onSubmit, - animatedClose, -}) => { +const InitialPhotoEditor: React.FC = ({ imageUrl, onSubmit, animatedClose }) => { const { t } = useTranslation(); const cancelAvatarUploading = useActionWithDispatch(cancelAvatarUploadingRequestAction); @@ -164,12 +159,7 @@ const InitialPhotoEditor: React.FC
- +
{ + if (typeof value === 'number') setZoom(value); + }} />
- +