more sounds

components/Soundboard/index.tsx

@@ -7,6 +7,15 @@ export default function Soundboard() {
   const [playGangbusters] = useSound("/gangbusters.m4a", {soundEnabled: true});
   const [playHusky] = useSound("/husky.m4a", {soundEnabled: true});
   const [playPrettyFlags] = useSound("/prettyflags.m4a", {soundEnabled: true});
+  const [playHobbs] = useSound("/hobbs.m4a", {soundEnabled: true});
+  const [playGoodLooking] = useSound("/goodlookingband.m4a", {soundEnabled: true});
+  const [playImpressive] = useSound("/impressive.m4a", {soundEnabled: true});
+  const [playTallTubas] = useSound("/talltubas.m4a", {soundEnabled: true});
+  const [playWildChart] = useSound("/wildChart.m4a", {soundEnabled: true});
+  const [playScared] = useSound("/scared.m4a", {soundEnabled: true});
+  const [playNotBad] = useSound("/notbad.m4a", {soundEnabled: true});
+  const [playStrongTubas] = useSound("/strongtubas.m4a", {soundEnabled: true});
+  const [playTallBand] = useSound("/tallband.m4a", {soundEnabled: true});
 
   const getButton = (title: string, play: () => void) => {
     return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200" onClick={() => play()}>{title}</button>
@@ -19,6 +28,15 @@ export default function Soundboard() {
         {getButton("Gangbusters", playGangbusters)}
         {getButton("Husky", playHusky)}
         {getButton("Pretty Flags", playPrettyFlags)}
+        {getButton("Hobbs", playHobbs)}
+        {getButton("Good Looking Band", playGoodLooking)}
+        {getButton("Pretty Impressive", playImpressive)}
+        {getButton("3 Tall Tubas", playTallTubas)}
+        {getButton("Wild Chart", playWildChart)}
+        {getButton("Scared Me", playScared)}
+        {getButton("Not Bad", playNotBad)}
+        {getButton("Strong Tubas", playStrongTubas)}
+        {getButton("Tall Band", playTallBand)}
       </div>
   );
 }