Handled scenarios related to add technique

Author: YashwanthRaoBN

src/components/ContentManager/ManageContent.jsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { FaChevronUp, FaChevronDown } from 'react-icons/fa';
 import './ManageContent.css';
 import { fetchAllTechniques, fetchTechnique, dataArray, getUniqueTechniques } from '../../utils/dataMap';
-import { transformData, transformKeyValue, transformReference, formatDetails, formatFields, formatReferences, handleNewTactic, addTechniqueIfNotExists } from './ManageContentUtils';
+import { transformData, transformKeyValue, transformReference, formatDetails, formatFields, formatReferences, handleNewTactic, addTechniqueIfNotExists, consolidateData } from './ManageContentUtils';
 import { RiAddCircleLine, RiCheckboxFill, RiDeleteBinLine } from 'react-icons/ri';
 import { Alert } from '../Alert/Alert'
 
@@ -351,7 +351,7 @@ const ManageContent = (props) => {
         handleNewTactic(techniqueName, tactics)
         let inputJSON = localStorage.getItem('technique_table') ? JSON.parse(localStorage.getItem('technique_table')) : [];
         addedTechnique = addTechniqueIfNotExists(inputJSON, tactics, techniqueName)
-        localStorage.setItem('technique_table', JSON.stringify(addedTechnique));
+        localStorage.setItem('technique_table', JSON.stringify(consolidateData(addedTechnique)));
       }
 
       // Now, update the localStorage based on techniqueName

src/components/ContentManager/ManageContentUtils.js

@@ -50,6 +50,43 @@ export const formatFields = (inputJson) => {
   return inputJson.map(item => item.value);
 };
 
+export const consolidateData = (data) => {
+  // Step 0: Remove rows where all keys have empty string values
+  const filteredData = data.filter(row => {
+    return Object.values(row).some(value => value !== '');
+  });
+
+  // Step 1: Collect all non-empty values for each column
+  const nonEmptyValues = {};
+
+  filteredData.forEach((row) => {
+    Object.entries(row).forEach(([key, value]) => {
+      if (value !== '') {
+        if (!nonEmptyValues[key]) {
+          nonEmptyValues[key] = [];
+        }
+        nonEmptyValues[key].push(value);
+      }
+    });
+  });
+
+  // Step 2: Reconstruct rows with consolidated non-empty values
+  return filteredData.map((row) => {
+    const newRow = {};
+
+    Object.keys(row).forEach((key) => {
+      if (nonEmptyValues[key] && nonEmptyValues[key].length > 0) {
+        newRow[key] = nonEmptyValues[key].shift();
+      } else {
+        newRow[key] = '';
+      }
+    });
+
+    return newRow;
+  });
+};
+
+
 
 const downloadJSON = (data) => {
   const now = new Date();