feat: add new sounds

src/data/sounds.tsx

@@ -1,10 +1,23 @@
-import { BiSolidTree, BiWater, BiSolidCoffeeAlt } from 'react-icons/bi/index';
+import {
-import { FaCity, FaCloudShowersHeavy, FaWater } from 'react-icons/fa/index';
+  GiCricket,
-import { PiBirdFill } from 'react-icons/pi/index';
+  GiSeagull,
+  GiWindow,
+  GiWaterfall,
+  GiWolfHead,
+  GiOwl,
+} from 'react-icons/gi/index';
+import {
+  BsFire,
+  // BsSoundwave,
+  BsFillCloudRainFill,
+  BsFillCloudRainHeavyFill,
+  BsUmbrellaFill,
+} from 'react-icons/bs/index';
+import { BiSolidTree, BiWater } from 'react-icons/bi/index';
+import { FaWater, FaWind, FaLeaf, FaDog, FaFrog } from 'react-icons/fa/index';
+import { PiBirdFill, PiTentFill } from 'react-icons/pi/index';
 import { MdOutlineThunderstorm } from 'react-icons/md/index';
-import { GiCricket, GiSeagull, GiWindow } from 'react-icons/gi/index';
+import { TbScubaMask } from 'react-icons/tb';
-import { BsFire, BsAirplaneFill } from 'react-icons/bs/index';
-// import { BsSoundwave } from 'react-icons/bs/index';
 
 // const defaultIcon = <BsSoundwave />;
 
@@ -18,81 +31,142 @@ export const sounds: {
       icon: <BiSolidTree />,
       id: 'nature',
       sounds: [
-        {
-          icon: <FaCloudShowersHeavy />,
-          id: 'rain',
-          label: 'Rain',
-          src: '/sounds/rain.mp3',
-        },
-        {
-          icon: <PiBirdFill />,
-          id: 'birds',
-          label: 'Birds',
-          src: '/sounds/birds.mp3',
-        },
         {
           icon: <BiWater />,
           id: 'river',
           label: 'River',
-          src: '/sounds/river.mp3',
+          src: '/sounds/nature/river.mp3',
-        },
-        {
-          icon: <MdOutlineThunderstorm />,
-          id: 'thunder',
-          label: 'Thunder',
-          src: '/sounds/thunder.mp3',
-        },
-        {
-          icon: <GiCricket />,
-          id: 'crickets',
-          label: 'Crickets',
-          src: '/sounds/crickets.mp3',
         },
         {
           icon: <FaWater />,
           id: 'waves',
-          label: 'Waves',
+          label: 'waves',
-          src: '/sounds/waves.mp3',
+          src: '/sounds/nature/waves.mp3',
-        },
-        {
-          icon: <GiSeagull />,
-          id: 'seagulls',
-          label: 'Seagulls',
-          src: '/sounds/seagulls.mp3',
         },
         {
           icon: <BsFire />,
           id: 'campfire',
           label: 'Campfire',
-          src: '/sounds/campfire.mp3',
+          src: '/sounds/nature/campfire.mp3',
+        },
+        {
+          icon: <FaWind />,
+          id: 'wind',
+          label: 'Wind',
+          src: '/sounds/nature/wind.mp3',
+        },
+        {
+          icon: <FaWind />,
+          id: 'wind-in-trees',
+          label: 'Wind in Trees',
+          src: '/sounds/nature/wind-in-trees.mp3',
+        },
+        {
+          icon: <GiWaterfall />,
+          id: 'waterfall',
+          label: 'Waterfall',
+          src: '/sounds/nature/waterfall.mp3',
+        },
+        {
+          icon: <TbScubaMask />,
+          id: 'underwater',
+          label: 'Underwater',
+          src: '/sounds/nature/underwater.mp3',
         },
       ],
       title: 'Nature',
     },
     {
-      icon: <FaCity />,
+      icon: <BsFillCloudRainFill />,
-      id: 'urban',
+      id: 'rain',
       sounds: [
         {
-          icon: <BsAirplaneFill />,
+          icon: <BsFillCloudRainFill />,
-          id: 'airport',
+          id: 'light-rain',
-          label: 'Airport',
+          label: 'Light Rain',
-          src: '/sounds/airport.mp3',
+          src: '/sounds/rain/light-rain.mp3',
         },
         {
-          icon: <BiSolidCoffeeAlt />,
+          icon: <BsFillCloudRainHeavyFill />,
-          id: 'cafe',
+          id: 'heavy-rain',
-          label: 'Cafe',
+          label: 'Heavy Rain',
-          src: '/sounds/cafe.mp3',
+          src: '/sounds/rain/heavy-rain.mp3',
+        },
+        {
+          icon: <MdOutlineThunderstorm />,
+          id: 'thunder',
+          label: 'Thunder',
+          src: '/sounds/rain/thunder.mp3',
         },
         {
           icon: <GiWindow />,
           id: 'rain-on-window',
           label: 'Rain on Window',
-          src: '/sounds/rain-on-window.mp3',
+          src: '/sounds/rain/rain-on-window.mp3',
+        },
+        {
+          icon: <BsUmbrellaFill />,
+          id: 'rain-on-umbrella',
+          label: 'Rain on Umbrella',
+          src: '/sounds/rain/rain-on-umbrella.mp3',
+        },
+        {
+          icon: <PiTentFill />,
+          id: 'rain-on-tent',
+          label: 'Rain on Tent',
+          src: '/sounds/rain/rain-on-tent.mp3',
+        },
+        {
+          icon: <FaLeaf />,
+          id: 'rain-on-leaves',
+          label: 'Rain on Leaves',
+          src: '/sounds/rain/rain-on-leaves.mp3',
         },
       ],
-      title: 'Urban',
+      title: 'Rain',
+    },
+    {
+      icon: <FaDog />,
+      id: 'animals',
+      sounds: [
+        {
+          icon: <PiBirdFill />,
+          id: 'birds',
+          label: 'Birds',
+          src: '/sounds/animals/birds.mp3',
+        },
+        {
+          icon: <GiSeagull />,
+          id: 'seagulls',
+          label: 'Seagulls',
+          src: '/sounds/animals/seagulls.mp3',
+        },
+        {
+          icon: <GiCricket />,
+          id: 'crickets',
+          label: 'Crickets',
+          src: '/sounds/animals/crickets.mp3',
+        },
+        {
+          icon: <GiWolfHead />,
+          id: 'wolf',
+          label: 'Wolf',
+          src: '/sounds/animals/wolf.mp3',
+        },
+        {
+          icon: <GiOwl />,
+          id: 'owl',
+          label: 'Owl',
+          src: '/sounds/animals/owl.mp3',
+        },
+        {
+          icon: <FaFrog />,
+          id: 'frog',
+          label: 'Frog',
+          src: '/sounds/animals/frog.mp3',
+        },
+      ],
+      title: 'Animals',
     },
   ],
 };