new sounds

components/Soundboard/index.tsx

@@ -25,6 +25,8 @@ export default function Soundboard() {
   const bassDrumsRef = useRef<HTMLAudioElement>(null);
   const goodThingsRef = useRef<HTMLAudioElement>(null);
   const betWeDidRef = useRef<HTMLAudioElement>(null);
+  const mymyRef = useRef<HTMLAudioElement>(null);
+  const rehearsalsRef = useRef<HTMLAudioElement>(null);
 
   const getButton = (title: string, ref: RefObject<HTMLAudioElement | null>) => {
     return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200 active:bg-blue-200" 
@@ -63,7 +65,8 @@ export default function Soundboard() {
         {getButton("Slow It Down", slowItDownRef)}
         {getButton("Bass Drums", bassDrumsRef)}
         {getButton("Good Things", goodThingsRef)}
-
+        {getButton("My my my", mymyRef)}
+        {getButton("Rehearsals", rehearsalsRef)}
         <audio hidden preload="auto" ref={boyYouPlayRef} src="/boyyouplay.m4a"/>
         <audio hidden preload="auto" ref={eatItUpRef} src="/eatitup.m4a"/>
         <audio hidden preload="auto" ref={gangbustersRef} src="/gangbusters.m4a"/>
@@ -87,6 +90,8 @@ export default function Soundboard() {
         <audio hidden preload="auto" ref={slowItDownRef} src="/slowitdown.m4a"/>
         <audio hidden preload="auto" ref={bassDrumsRef} src="/bassdrums.m4a"/>
         <audio hidden preload="auto" ref={goodThingsRef} src="/goodthings.m4a"/>
+        <audio hidden preload="auto" ref={mymyRef} src="/mymymy.m4a"/>
+        <audio hidden preload="auto" ref={rehearsalsRef} src="/rehearsals.m4a"/>
       </div>
   );
 }