adding instructions to the empty list

catdad · Sep 8, 2023 · 66e5037 · 66e5037
1 parent 3723647
commit 66e5037
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/components/EmptyChordlist/EmptyChordlist.jsx b/src/components/EmptyChordlist/EmptyChordlist.jsx
@@ -8,11 +8,16 @@ const viewBox = {
 
 export default function EmptyChordlist({ instrument = 'ukulele' } = {}) {
   return (
-    <Icon
-      name={ instrument }
-      size={ 300 }
-      style={ { fill: 'var(--primary)', opacity: 'var(--icon-opacity)' } }
-      viewBox={ viewBox[instrument] }
-    />
+    <div>
+      <div style="text-align: center; padding: 1em">
+        Type some short names to see their finger diagrams
+      </div>
+      <Icon
+        name={ instrument }
+        size={ 300 }
+        style={ { fill: 'var(--primary)', opacity: 'var(--icon-opacity)' } }
+        viewBox={ viewBox[instrument] }
+      />
+    </div>
   );
 }