binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: pass update image size (#5686)

Browse source
This commit is contained in:
Aaryan Khandelwal 2024-09-24 16:09:12 +05:30 • committed by GitHub
parent 6b63e050ae
commit 8dabe839f3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/editor/src/core/extensions/custom-image/components/image-block.tsx
View file

@ -158,8 +158,8 @@ export const CustomImageBlock: React.FC<CustomImageNodeViewProps> = (props) => {
containerClassName="absolute top-1 right-1 z-20 bg-black/40 rounded opacity-0 pointer-events-none group-hover/image-component:opacity-100 group-hover/image-component:pointer-events-auto transition-opacity" containerClassName="absolute top-1 right-1 z-20 bg-black/40 rounded opacity-0 pointer-events-none group-hover/image-component:opacity-100 group-hover/image-component:pointer-events-auto transition-opacity"
image={{ image={{
src, src,
height, height: size.height,
width, width: size.width,
}} }}
/> />
{editor.isEditable && selected && <div className="absolute inset-0 size-full bg-custom-primary-500/30" />} {editor.isEditable && selected && <div className="absolute inset-0 size-full bg-custom-primary-500/30" />}

4
packages/editor/src/core/extensions/custom-image/components/toolbar/full-screen.tsx
View file

@ -21,8 +21,8 @@ export const ImageFullScreenAction: React.FC<Props> = (props) => {
// states // states
const [magnification, setMagnification] = useState(1); const [magnification, setMagnification] = useState(1);
// derived values // derived values
const widthInNumber = useMemo(() => Number(width.replace("px", "")), [width]); const widthInNumber = useMemo(() => Number(width?.replace("px", "")), [width]);
const heightInNumber = useMemo(() => Number(height.replace("px", "")), [height]); const heightInNumber = useMemo(() => Number(height?.replace("px", "")), [height]);
const aspectRatio = useMemo(() => widthInNumber / heightInNumber, [heightInNumber, widthInNumber]); const aspectRatio = useMemo(() => widthInNumber / heightInNumber, [heightInNumber, widthInNumber]);
// close handler // close handler
const handleClose = useCallback(() => { const handleClose = useCallback(() => {