fix(dashboard): Base64 encode datagrid ids

oxyno-zeta · oxyno-zeta · commit bb27aba0e3d3 · 2022-03-19T09:49:24.000+01:00
diff --git a/dashboard/src/components/Dashboard/Dashboard.tsx b/dashboard/src/components/Dashboard/Dashboard.tsx
@@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next';
 import filesize from 'filesize';
 import PageHeader from './components/PageHeader';
 import DeletionManager from './components/DeletionManager';
-import { getFileIconFromExtension } from './utils';
+import { getFileIconFromExtension, base64Encode, base64Decode } from './utils';
 import { Entry, FOLDER_TYPE, FILE_TYPE } from '../../models/Entry';
 import getClient from '../../client';
 import UploadDialog from './components/UploadDialog';
@@ -132,7 +132,7 @@ function Dashboard() {
   let mainElement = (
     <DataGrid
       rows={data}
-      getRowId={(row) => row.path}
+      getRowId={(row) => base64Encode(row.path)}
       columns={columns}
       rowHeight={40}
       headerHeight={40}
@@ -156,7 +156,7 @@ function Dashboard() {
         // Find rows from "ids"
         const selectedRows = data.filter((item) => {
           // Check if that item is in the list of "ids"
-          if (ids.find((id) => item.path === id)) {
+          if (ids.find((id) => item.path === base64Decode(id as string))) {
             return true;
           }
 
diff --git a/dashboard/src/components/Dashboard/utils.tsx b/dashboard/src/components/Dashboard/utils.tsx
@@ -17,7 +17,6 @@ const iconsMatcherList = [
   { regex: archiveFileRegex, iconElement: <ArchiveFileIcon /> },
 ];
 
-// eslint-disable-next-line import/prefer-default-export
 export function getFileIconFromExtension(path: string): ReactNode {
   // Loop over regex to icons map
   for (let i = 0; i < iconsMatcherList.length; i += 1) {
@@ -31,3 +30,11 @@ export function getFileIconFromExtension(path: string): ReactNode {
 
   return <FileIcon />;
 }
+
+export function base64Encode(str: string) {
+  return window.btoa(encodeURIComponent(str));
+}
+
+export function base64Decode(str: string) {
+  return decodeURIComponent(window.atob(str));
+}
