Add image editor

This commit is contained in:
Josh Perez 2021-11-30 21:14:25 -05:00 committed by GitHub
parent 86d09917a3
commit 7affe313f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
58 changed files with 4261 additions and 173 deletions

View file

@ -17,6 +17,7 @@ import {
export type Props = Readonly<{
attachments: ReadonlyArray<AttachmentDraftType>;
canEditImages?: boolean;
i18n: LocalizerType;
onAddAttachment?: () => void;
onClickAttachment?: (attachment: AttachmentDraftType) => void;
@ -41,6 +42,7 @@ function getUrl(attachment: AttachmentDraftType): string | undefined {
export const AttachmentList = ({
attachments,
canEditImages,
i18n,
onAddAttachment,
onClickAttachment,
@ -88,7 +90,7 @@ export const AttachmentList = ({
? () => onClickAttachment(attachment)
: undefined;
return (
const imgElement = (
<Image
key={key}
alt={i18n('stagedImageAttachment', [
@ -109,6 +111,17 @@ export const AttachmentList = ({
onError={closeAttachment}
/>
);
if (isImage && canEditImages) {
return (
<div className="module-attachments--editable">
{imgElement}
<div className="module-attachments__edit-icon" />
</div>
);
}
return imgElement;
}
return (