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

Web:Common:Components:MediaViewer:Sub-Components Fixed the zoom value in the toolbar

Browse Source
This commit is contained in:
Akmal Isomadinov 2023-03-06 11:21:28 +05:00
parent b341ddfb62
commit ff18523e43
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/common/components/MediaViewer/sub-components/ImageViewer/index.tsx
View File

@ -73,7 +73,7 @@ function ImageViewer({
height: 0,
x: 0,
y: 0,
scale: 5,
scale: 1,
rotate: 0,
opacity: 1,
}));
@ -957,6 +957,7 @@ function ImageViewer({
<ImageViewerToolbar
ref={toolbarRef}
toolbar={toolbar}
percentValue={style.scale.get()}
generateContextMenu={generateContextMenu}
setIsOpenContextMenu={setIsOpenContextMenu}
toolbarEvent={toolbarEvent}

1
packages/common/components/MediaViewer/sub-components/ImageViewerToolbar/ImageViewerToolbar.props.ts
View File

@ -8,6 +8,7 @@ interface ImageViewerToolbarProps {
right?: string,
bottom?: string
) => JSX.Element;
percentValue: number;
setIsOpenContextMenu: Dispatch<SetStateAction<boolean>>;
toolbarEvent: (item: ToolbarItemType) => void;
}

5
packages/common/components/MediaViewer/sub-components/ImageViewerToolbar/index.tsx
View File

@ -21,6 +21,7 @@ import MediaContextMenu from "PUBLIC_DIR/images/vertical-dots.react.svg";
function ImageViewerToolbar(
{
toolbar,
percentValue,
toolbarEvent,
generateContextMenu,
setIsOpenContextMenu,
@ -28,7 +29,9 @@ function ImageViewerToolbar(
ref: ForwardedRef<ImperativeHandle>
) {
const [isOpen, setIsOpen] = useState<boolean>(false);
const [percent, setPercent] = useState<number>(100);
const [percent, setPercent] = useState<number>(() =>
Math.round(percentValue * 100)
);
useImperativeHandle(
ref,