fix: complete string escaping and encoding in DropPreview

eclipse-tractusx · Feb 28, 2024 · a030ad4 · a030ad4
1 parent d44cee2
commit a030ad4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.1.33
+
+- Fix incomplete string escaping and encoding in DropPreview
+
 ## 2.1.32
 
 - Add autoFocus props to the table component

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "2.1.32",
+  "version": "2.1.33",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",

diff --git a/src/components/basic/Dropzone/components/DropPreview.tsx b/src/components/basic/Dropzone/components/DropPreview.tsx
@@ -84,8 +84,8 @@ export const DropPreview: FunctionComponent<DropPreviewProps> = ({
     numTotal: number
   }) => {
     const uploadProgress = translations.uploadProgess
-      .replace('%', numUploaded.toString())
-      .replace('%', numTotal.toString())
+      .replace('/%/g', encodeURIComponent(numUploaded.toString()))
+      .replace('/%/g', encodeURIComponent(numTotal.toString()))
 
     return (
       <Box sx={{ typography: 'label2' }}>