mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-21 10:45:20 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: Move content into to frontend directory

Browse source 
Doing this BEFORE the merge prevents a lot of merge conflicts.

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2022-11-11 11:16:18 +01:00
parent 4e18ce38f3
commit 762a0a850e
No known key found for this signature in database
GPG key ID: B97799103358209B
1051 changed files with 0 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/components/markdown-renderer/extensions/image/event-emitting-proxy-image-frame.tsx
View file

@ -1,40 +0,0 @@
/*
* SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import React, { useCallback } from 'react'
import { useExtensionEventEmitter } from '../../hooks/use-extension-event-emitter'
import { ProxyImageFrame } from './proxy-image-frame'
import type { ImageDetails } from '../../../render-page/window-post-message-communicator/rendering-message'
type EventEmittingProxyImageFrameProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'onClick'>
export const SHOW_IMAGE_LIGHTBOX_EVENT_NAME = 'ImageClick'
/**
* Renders a {@link ProxyImageFrame} but claims the `onClick` event to send image information to the current event emitter.
*
* @param props props that will be forwarded to the inner image frame
*/
export const EventEmittingProxyImageFrame: React.FC<EventEmittingProxyImageFrameProps> = (props) => {
const eventEmitter = useExtensionEventEmitter()
const onClick = useCallback(
(event: React.MouseEvent<HTMLImageElement, MouseEvent>) => {
const image = event.target as HTMLImageElement
if (image.src === '') {
return
}
eventEmitter?.emit(SHOW_IMAGE_LIGHTBOX_EVENT_NAME, {
src: image.src,
alt: image.alt,
title: image.title
} as ImageDetails)
},
[eventEmitter]
)
return <ProxyImageFrame {...props} onClick={onClick} />
}