The targeted keys state is now set from the rows function

prior to this change the targeted keys were populated from
the metrics pool state. This created an issue where the
rows in the table were not matching up with the values in
the metrics pool state. Now when the rows are selected
the rows variable is referenced so that the data is
the same

Author: mdtagg

app/components/TransferColumns.tsx

@@ -225,26 +225,31 @@ const TransferColumns = React.memo(() => {
             checkboxSelection
             disableSelectionOnClick
             onSelectionModelChange={metricIndeces => {
-              console.log({metricIndeces})
               const metrics: any[] = [];
               metricIndeces.forEach(el => {
-                metrics.push(metricsPool[el].key);
+                console.log({rows})
+                metrics.push(`${rows[el].tag} | ${rows[el].title}`);
               });
               setTargetKeys(metrics);
             }}
             />
 
         </div>
         {selectedRows.length > 0 && (
-          <h3 style={{ 
+          <h3 
+            style={{ 
             marginTop: '20px', 
             color: currentMode.color 
           }}
           >
             Selected Rows:
           </h3>
         )}
-        <ol id="selectedRows">{selectedRows}</ol>
+        <ol 
+          id="selectedRows"
+        >
+            {selectedRows}
+        </ol>
       </div>
     </>
   );