Add dom7 chords + more visibility (#35)

cyrilgourgouillon · Oct 28, 2024 · 0729d36 · 0729d36
1 parent efb5eee
commit 0729d36
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/ChordsList.tsx b/src/components/ChordsList.tsx
@@ -1,5 +1,4 @@
 import { Chord } from '../config';
-import { chordToString } from '../services/chordService';
 
 export const ChordsList = ({
   chords,
@@ -18,7 +17,7 @@ export const ChordsList = ({
         className="flex flex-col md:flex-row md:gap-7 text-[35px] md:text-[75px] mb-6 font-bold cursor-pointer select-none"
       >
         {chords.map((chord: Chord, index: number) => (
-          <div key={index}>{chordToString(chord)}</div>
+          <div className='flex flex-row' key={index}><div>{chord.note}</div><div className='text-[25px] md:text-[55px] text-neutral-500'>{chord.chordType}</div></div>
         ))}
       </div>
     </>

diff --git a/src/config/Chords.ts b/src/config/Chords.ts
@@ -1,6 +1,6 @@
 import { Note } from '.';
 
-export const chordTypes = ['M', 'm', 'maj7', 'min7'] as const;
+export const chordTypes = ['M', 'm', 'maj7', 'min7', 'dom7'] as const;
 
 export type ChordType = (typeof chordTypes)[number];