Merge pull request #179 from iq-eq-us/hide_export

feat: Hide export library button until chords are downloaded
iq-eq-us · Sep 12, 2023 · 9a3dad9 · 9a3dad9
2 parents 5dea164 + e2f3fc9
commit 9a3dad9
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/pages/manager/components/exportLibrary.tsx b/src/pages/manager/components/exportLibrary.tsx
@@ -48,13 +48,15 @@ export function Export(): ReactElement {
 
   return (
     <React.Fragment>
-      <button
-        className="sc-bYwzuL text-white rounded p-2 mb-4 inline-block ml-2 bg-[#333] hover:bg-[#3b3b3b] active:bg-[#222]"
-        color="pink"
-        onClick={() => exportChordMapLibrary()}
-      >
-        Export Library{' '}
-      </button>
+      {downloadedChords.length > 0 && (
+        <button
+          className="sc-bYwzuL text-white rounded p-2 mb-4 inline-block ml-2 bg-[#333] hover:bg-[#3b3b3b] active:bg-[#222]"
+          color="pink"
+          onClick={() => exportChordMapLibrary()}
+        >
+          Export Library{' '}
+        </button>
+      )}
     </React.Fragment>
   );
 }