[refactor] remove useless log, alert and add key mapping

Ben8t · Sep 28, 2023 · cd73273 · cd73273
1 parent cdc1179
commit cd73273
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 5 deletions.
diff --git a/src/CustomNode.tsx b/src/CustomNode.tsx
@@ -14,7 +14,6 @@ type Props = {
 }
 
 const CustomNode = ({ data, isConnectable }: Props) => {
-  console.log(data)
   const { image, title, artist, key, bpm } = data
 
   return (

diff --git a/src/Search.tsx b/src/Search.tsx
@@ -51,7 +51,6 @@ function Search() {
     });
 
     const trackFeatures = await Promise.all(trackFeaturesPromises);
-    console.log(trackFeatures)
 
     setTracks(trackFeatures)
   }
@@ -65,7 +64,7 @@ function Search() {
     const json = JSON.stringify(data);
     const blob = new Blob([json], { type: 'application/json' });
 
-    saveAs(blob, 'graph_data.json');
+    saveAs(blob, 'track_lineage_export.json');
   }
 
   const fileInputRef = React.createRef();

diff --git a/src/SearchList.tsx b/src/SearchList.tsx
@@ -13,15 +13,32 @@ function getKey(key) {
     case 1:
       return 'C#/Db';
     case 2:
-      return 'D'
+      return 'D';
+    case 3:
+      return 'D#/Eb';
+    case 4:
+      return 'E';
+    case 5:
+      return 'F';
+    case 6:
+      return 'F#/Gb';
+    case 7:
+      return 'G';
+    case 8:
+      return 'G#/Ab';
+    case 9:
+      return 'A';
+    case 10:
+      return 'A#/Bb';
+    case 11:
+      return 'B'
     default:
       return 'KEY';
   }
 }
 function SearchList({ nodes, setNodes, tracks }: Props) {
   function onSubmit(track, event: FormEvent<HTMLFormElement>) {
     event.preventDefault()
-    console.log(track)
     setNodes(
       nodes.concat({
         id: track.track.id,