From 2fda90729e3f831dd1eeb7aa16ed0f9c3e286e59 Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Wed, 3 Jun 2026 22:09:56 +0200
Subject: [PATCH] fix: resolve typescript and tailwind compilation errors

---
 src/components/InputPanel.tsx   | 8 +-------
 src/components/ResultsPanel.tsx | 3 +--
 src/index.css                   | 8 ++++----
 src/lib/i18n.tsx                | 2 +-
 src/lib/theme.tsx               | 2 +-
 5 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/InputPanel.tsx b/src/components/InputPanel.tsx
index 1c4330f..8d77fd9 100644
--- a/src/components/InputPanel.tsx
+++ b/src/components/InputPanel.tsx
@@ -1,5 +1,4 @@
 import { useState, type FormEvent, type KeyboardEvent } from "react";
-import { Link } from "react-router-dom";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faCircleNotch,
@@ -288,9 +287,4 @@ export function InputPanel({
   );
 }
 
-function isMac(): boolean {
-  if (typeof navigator === "undefined") return false;
-  const p = navigator.platform || "";
-  const ua = navigator.userAgent || "";
-  return /Mac|iPhone|iPad|iPod/.test(p) || /Mac OS X/.test(ua);
-}
+
diff --git a/src/components/ResultsPanel.tsx b/src/components/ResultsPanel.tsx
index 5836c92..2dd58c7 100644
--- a/src/components/ResultsPanel.tsx
+++ b/src/components/ResultsPanel.tsx
@@ -1,5 +1,5 @@
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faMusic, faSync, faSparkles } from "@fortawesome/free-solid-svg-icons";
+import { faMusic, faSync } from "@fortawesome/free-solid-svg-icons";
 import type { SongAssets } from "../lib/types";
 import { SkeletonCard } from "./SkeletonCard";
 import { TitlesCard } from "./cards/TitlesCard";
@@ -48,7 +48,6 @@ export function ResultsPanel({
   regenerating,
 }: ResultsPanelProps) {
   const showSkeletons = loading && !assets;
-  const { t } = useI18n();
 
   return (
     <div>
diff --git a/src/index.css b/src/index.css
index 3eab754..1ec96a3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -73,10 +73,10 @@
     }
 
     .input {
-        @apply w-full bg-bg-card/50 backdrop-blur-md border border-border rounded-lg px-3 py-2 text-[14px] text-fg
-           placeholder-fg-muted/60
-           focus:outline-none focus:border-accent-primary/60
-           focus:ring-1 focus:ring-accent-primary/20
+        @apply w-full bg-bg-card backdrop-blur-md border border-border rounded-lg px-3 py-2 text-[14px] text-fg
+           placeholder-fg-muted
+           focus:outline-none focus:border-accent-primary
+           focus:ring-1 focus:ring-accent-primary
            transition-colors duration-150 shadow-inner;
     }
 
diff --git a/src/lib/i18n.tsx b/src/lib/i18n.tsx
index 8ddb4a5..9cc5dba 100644
--- a/src/lib/i18n.tsx
+++ b/src/lib/i18n.tsx
@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
+import { createContext, useContext, useState, ReactNode } from 'react';
 
 type Language = 'de' | 'en';
 
diff --git a/src/lib/theme.tsx b/src/lib/theme.tsx
index 2b711a0..0c9b79b 100644
--- a/src/lib/theme.tsx
+++ b/src/lib/theme.tsx
@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+import { createContext, useContext, useEffect, useState, ReactNode } from 'react';
 
 type Theme = 'light' | 'dark';