From bf289051cbcdd953ea8caba9e5769f6323582069 Mon Sep 17 00:00:00 2001
From: Sebastian Karlsson <sebka991@student.liu.se>
Date: Mon, 24 May 2021 13:11:33 +0000
Subject: [PATCH] Resolve "Fix image uploading bug"
---
.../components/slideSettingsComponents/Images.tsx | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/client/src/pages/presentationEditor/components/slideSettingsComponents/Images.tsx b/client/src/pages/presentationEditor/components/slideSettingsComponents/Images.tsx
index 5fe77c86..42731c3e 100644
--- a/client/src/pages/presentationEditor/components/slideSettingsComponents/Images.tsx
+++ b/client/src/pages/presentationEditor/components/slideSettingsComponents/Images.tsx
@@ -65,6 +65,8 @@ const Images = ({ activeViewTypeId, activeSlide, competitionId }: ImagesProps) =
createImageComponent(response)
}
}
+ // Resets the input, so that the same file can be uploaded again.
+ e.target.value = ''
}
const handleCloseimageClick = async (image: ImageComponent) => {
@@ -107,7 +109,13 @@ const Images = ({ activeViewTypeId, activeSlide, competitionId }: ImagesProps) =
<ListItem divider button>
<ImportedImage src={`http://localhost:5000/static/images/thumbnail_${image.media?.filename}`} />
<Center>
- <ListItemText primary={image.media?.filename} />
+ <ListItemText
+ primary={
+ image.media?.filename.length > 25
+ ? image.media?.filename.substr(0, 24) + '...'
+ : image.media?.filename
+ }
+ />
</Center>
<CloseIcon onClick={() => handleCloseimageClick(image)} />
</ListItem>
--
GitLab