CHANGELOG.md

@@ -2,25 +2,6 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-## [2.4.0](https://github.com/remvze/moodist/compare/v2.3.0...v2.4.0) (2025-11-25)
-
-
-### ✨ Features
-
-* add audio session type ([3a96d38](https://github.com/remvze/moodist/commit/3a96d38a774c7675811d5a3ea323a49d9d129bbc))
-
-## [2.3.0](https://github.com/remvze/moodist/compare/v2.2.0...v2.3.0) (2025-11-24)
-
-
-### 🚚 Chores
-
-* change silence ([b921629](https://github.com/remvze/moodist/commit/b921629ee33c4a18a86258ba204921f732f404ff))
-
-
-### ✨ Features
-
-* turn links into buttons ([d016076](https://github.com/remvze/moodist/commit/d0160763eeb66ba47dd06098b1f2a84e234fca36))
-
 ## [2.2.0](https://github.com/remvze/moodist/compare/v2.1.0...v2.2.0) (2025-11-24)
 
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "moodist",
-  "version": "2.4.0",
+  "version": "2.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "moodist",
-      "version": "2.4.0",
+      "version": "2.2.0",
       "dependencies": {
         "@astrojs/react": "3.6.0",
         "@floating-ui/react": "0.26.0",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "moodist",
   "type": "module",
-  "version": "2.4.0",
+  "version": "2.2.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",

src/components/categories/category-icons/category-icons.module.css

@@ -18,29 +18,32 @@
     align-items: center;
     justify-content: center;
 
-    & .icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 48px;
-      height: 48px;
-      font-size: var(--font-md);
-      color: var(--color-foreground);
-      cursor: pointer;
-      background: linear-gradient(
-        var(--color-neutral-50),
-        var(--color-neutral-100)
-      );
-      border: 1px solid var(--color-neutral-300);
-      border-radius: 50%;
-      transition: 0.2s;
+    & a {
+      color: inherit;
+      text-decoration: none;
 
-      &:hover {
+      & .icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 48px;
+        height: 48px;
+        font-size: var(--font-md);
         background: linear-gradient(
-          var(--color-neutral-100),
-          var(--color-neutral-200)
+          var(--color-neutral-50),
+          var(--color-neutral-100)
         );
-        transform: scale(1.15);
+        border: 1px solid var(--color-neutral-300);
+        border-radius: 50%;
+        transition: 0.2s;
+
+        &:hover {
+          background: linear-gradient(
+            var(--color-neutral-100),
+            var(--color-neutral-200)
+          );
+          transform: scale(1.15);
+        }
       }
     }
   }

src/components/categories/category-icons/category-icons.tsx

@@ -7,11 +7,6 @@ import { Tooltip } from '@/components/tooltip';
 export default function CategoryIcons() {
   const categories = useMemo(() => sounds.categories, []);
 
-  const goto = (id: string) => {
-    const category = document.getElementById(`category-${id}`);
-    category?.scrollIntoView();
-  };
-
   return (
     <Container>
       <div className={styles.wrapper}>
@@ -20,18 +15,11 @@ export default function CategoryIcons() {
           <Tooltip.Provider delayDuration={0}>
             {categories.map(category => {
               return (
-                <Tooltip
-                  content={category.title}
-                  key={category.id}
-                  placement="bottom"
-                >
-                  <button
-                    className={styles.icon}
-                    onClick={() => goto(category.id)}
-                  >
-                    {category.icon}
-                  </button>
-                </Tooltip>
+                <a href={`#category-${category.id}`} key={category.id}>
+                  <Tooltip content={category.title} placement="bottom">
+                    <div className={styles.icon}>{category.icon}</div>
+                  </Tooltip>
+                </a>
               );
             })}
           </Tooltip.Provider>

src/hooks/use-sound.ts

@@ -47,10 +47,6 @@ export function useSound(
         preload: options.preload ?? false,
         src: src,
       });
-
-      if (window.navigator.audioSession) {
-        window.navigator.audioSession.type = 'playback';
-      }
     }
 
     return sound;