From 41c5ae5db8e72f15f5cc1b7501f397239ba9368a Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sun, 8 Oct 2023 13:21:11 +0330
Subject: [PATCH] style: add more icons

---
 src/components/sound/sound.module.css |  4 ++--
 src/data/sounds.tsx                   | 19 ++++++++++---------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/sound/sound.module.css b/src/components/sound/sound.module.css
index 3979274..0bbbf0c 100644
--- a/src/components/sound/sound.module.css
+++ b/src/components/sound/sound.module.css
@@ -74,7 +74,7 @@
   }
 
   & h3 {
-    margin-top: 6px;
+    margin-top: 8px;
     cursor: default;
     font-family: var(--font-heading);
     font-size: var(--font-sm);
@@ -85,7 +85,7 @@
   & input {
     width: 100%;
     max-width: 120px;
-    margin-top: 12px;
+    margin-top: 10px;
 
     /********** Range Input Styles **********/
 
diff --git a/src/data/sounds.tsx b/src/data/sounds.tsx
index 69828c2..556e189 100644
--- a/src/data/sounds.tsx
+++ b/src/data/sounds.tsx
@@ -1,11 +1,12 @@
-import { BiSolidTree, BiWater } from 'react-icons/bi/index';
+import { BiSolidTree, BiWater, BiSolidCoffeeAlt } from 'react-icons/bi/index';
 import { FaCity, FaCloudShowersHeavy, FaWater } from 'react-icons/fa/index';
 import { PiBirdFill } from 'react-icons/pi/index';
 import { MdOutlineThunderstorm } from 'react-icons/md/index';
-import { GiCricket } from 'react-icons/gi/index';
-import { BsSoundwave } from 'react-icons/bs/index';
+import { GiCricket, GiSeagull, GiWindow } from 'react-icons/gi/index';
+import { BsFire, BsAirplaneFill } from 'react-icons/bs/index';
+// import { BsSoundwave } from 'react-icons/bs/index';
 
-const defaultIcon = <BsSoundwave />;
+// const defaultIcon = <BsSoundwave />;
 
 export const sounds: {
   categories: Array<{
@@ -51,12 +52,12 @@ export const sounds: {
           src: '/sounds/waves.mp3',
         },
         {
-          icon: defaultIcon,
+          icon: <GiSeagull />,
           label: 'Seagulls',
           src: '/sounds/seagulls.mp3',
         },
         {
-          icon: defaultIcon,
+          icon: <BsFire />,
           label: 'Campfire',
           src: '/sounds/campfire.mp3',
         },
@@ -68,17 +69,17 @@ export const sounds: {
       id: 'urban',
       sounds: [
         {
-          icon: defaultIcon,
+          icon: <BsAirplaneFill />,
           label: 'Airport',
           src: '/sounds/airport.mp3',
         },
         {
-          icon: defaultIcon,
+          icon: <BiSolidCoffeeAlt />,
           label: 'Cafe',
           src: '/sounds/cafe.mp3',
         },
         {
-          icon: defaultIcon,
+          icon: <GiWindow />,
           label: 'Rain on Window',
           src: '/sounds/rain-on-window.mp3',
         },