fix(ui): delete message don't work anymore

close #1458
tchiotludo · Jun 27, 2023 · a6f5cb4 · a6f5cb4
1 parent 067be4b
commit a6f5cb4
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 19 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -13,6 +13,7 @@
     "axios": "^0.21.1",
     "axios-progress-bar": "^1.2.0",
     "bootstrap": "^4.6.1",
+    "buffer": "^6.0.3",
     "convert-units": "^2.3.4",
     "css-loader": "^3.4.1",
     "event-source-polyfill": "^1.0.31",

diff --git a/client/src/containers/Topic/Topic/TopicData/TopicData.jsx b/client/src/containers/Topic/Topic/TopicData/TopicData.jsx
@@ -32,6 +32,7 @@ import { capitalizeTxt, getClusterUIOptions } from '../../../../utils/functions'
 import { setProduceToTopicValues, setUIOptions } from '../../../../utils/localstorage';
 import Select from '../../../../components/Form/Select';
 import * as LosslessJson from 'lossless-json';
+import { Buffer } from 'buffer';
 
 class TopicData extends Root {
   state = {
@@ -459,7 +460,7 @@ class TopicData extends Root {
   _deleteCompactMessage = () => {
     const { selectedCluster, selectedTopic, compactMessageToDelete: message } = this.state;
 
-    const encodedkey = new Buffer(message.key).toString('base64');
+    const encodedkey = Buffer.from(message.key).toString('base64');
     const deleteData = { partition: parseInt(message.partition), key: encodedkey };
     this.removeApi(
       uriTopicDataDelete(selectedCluster, selectedTopic, parseInt(message.partition), encodedkey),