v7.0.1

2026-01-11 08:39:14 +07:00
parent cb6dfc1638
commit 9260adc2d2
97 changed files with 9452 additions and 12379 deletions
@@ -1,40 +1,28 @@
-import { FileMusic, FilePen } from "lucide-react";
 import { HomeIcon } from "@/components/ui/home";
 import { SettingsIcon } from "@/components/ui/settings";
 import { ActivityIcon } from "@/components/ui/activity";
 import { TerminalIcon } from "@/components/ui/terminal";
+import { FileMusicIcon } from "@/components/ui/file-music";
+import { FilePenIcon } from "@/components/ui/file-pen";
 import { GithubIcon } from "@/components/ui/github";
 import { BlocksIcon } from "@/components/ui/blocks";
 import { CoffeeIcon } from "@/components/ui/coffee";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "@/components/ui/tooltip";
 import { Button } from "@/components/ui/button";
 import { openExternal } from "@/lib/utils";
-
 export type PageType = "main" | "settings" | "debug" | "audio-analysis" | "audio-converter" | "file-manager";
-
 interface SidebarProps {
-  currentPage: PageType;
-  onPageChange: (page: PageType) => void;
+    currentPage: PageType;
+    onPageChange: (page: PageType) => void;
 }
-
 export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
-  return (
-    <div className="fixed left-0 top-0 h-full w-14 bg-card border-r border-border flex flex-col items-center py-14 z-30">
+    return (<div className="fixed left-0 top-0 h-full w-14 bg-card border-r border-border flex flex-col items-center py-14 z-30">
      <div className="flex flex-col gap-2 flex-1">
-        {/* Home */}
+        
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant={currentPage === "main" ? "secondary" : "ghost"}
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => onPageChange("main")}
-            >
-              <HomeIcon size={20} />
+            <Button variant={currentPage === "main" ? "secondary" : "ghost"} size="icon" className={`h-10 w-10 ${currentPage === "main" ? "bg-primary/10 text-primary hover:bg-primary/20" : "hover:bg-primary/10 hover:text-primary"}`} onClick={() => onPageChange("main")}>
+              <HomeIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -42,16 +30,11 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
          </TooltipContent>
        </Tooltip>

-        {/* Settings */}
+        
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant={currentPage === "settings" ? "secondary" : "ghost"}
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => onPageChange("settings")}
-            >
-              <SettingsIcon size={20} />
+            <Button variant={currentPage === "settings" ? "secondary" : "ghost"} size="icon" className={`h-10 w-10 ${currentPage === "settings" ? "bg-primary/10 text-primary hover:bg-primary/20" : "hover:bg-primary/10 hover:text-primary"}`} onClick={() => onPageChange("settings")}>
+              <SettingsIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -59,16 +42,11 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
          </TooltipContent>
        </Tooltip>

-        {/* Audio Analysis */}
+        
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant={currentPage === "audio-analysis" ? "secondary" : "ghost"}
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => onPageChange("audio-analysis")}
-            >
-              <ActivityIcon size={20} />
+            <Button variant={currentPage === "audio-analysis" ? "secondary" : "ghost"} size="icon" className={`h-10 w-10 ${currentPage === "audio-analysis" ? "bg-primary/10 text-primary hover:bg-primary/20" : "hover:bg-primary/10 hover:text-primary"}`} onClick={() => onPageChange("audio-analysis")}>
+              <ActivityIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -76,16 +54,11 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
          </TooltipContent>
        </Tooltip>

-        {/* Audio Converter - using lucide icon (no animated version) */}
+        
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant={currentPage === "audio-converter" ? "secondary" : "ghost"}
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => onPageChange("audio-converter")}
-            >
-              <FileMusic className="h-5 w-5" />
+            <Button variant={currentPage === "audio-converter" ? "secondary" : "ghost"} size="icon" className={`h-10 w-10 ${currentPage === "audio-converter" ? "bg-primary/10 text-primary hover:bg-primary/20" : "hover:bg-primary/10 hover:text-primary"}`} onClick={() => onPageChange("audio-converter")}>
+              <FileMusicIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -93,16 +66,11 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
          </TooltipContent>
        </Tooltip>

-        {/* File Manager - using lucide icon (no animated version) */}
+        
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant={currentPage === "file-manager" ? "secondary" : "ghost"}
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => onPageChange("file-manager")}
-            >
-              <FilePen className="h-5 w-5" />
+            <Button variant={currentPage === "file-manager" ? "secondary" : "ghost"} size="icon" className={`h-10 w-10 ${currentPage === "file-manager" ? "bg-primary/10 text-primary hover:bg-primary/20" : "hover:bg-primary/10 hover:text-primary"}`} onClick={() => onPageChange("file-manager")}>
+              <FilePenIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -110,16 +78,11 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
          </TooltipContent>
        </Tooltip>

-        {/* Debug */}
+        
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant={currentPage === "debug" ? "secondary" : "ghost"}
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => onPageChange("debug")}
-            >
-              <TerminalIcon size={20} />
+            <Button variant={currentPage === "debug" ? "secondary" : "ghost"} size="icon" className={`h-10 w-10 ${currentPage === "debug" ? "bg-primary/10 text-primary hover:bg-primary/20" : "hover:bg-primary/10 hover:text-primary"}`} onClick={() => onPageChange("debug")}>
+              <TerminalIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -128,17 +91,12 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
        </Tooltip>
      </div>
      
-      {/* Bottom icons */}
+      
      <div className="mt-auto flex flex-col gap-2">
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant="ghost"
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => openExternal("https://github.com/afkarxyz/SpotiFLAC/issues")}
-            >
-              <GithubIcon size={20} />
+            <Button variant="ghost" size="icon" className="h-10 w-10 hover:bg-primary/10 hover:text-primary" onClick={() => openExternal("https://github.com/afkarxyz/SpotiFLAC/issues/new?labels=bug&body=%23%23%23%20Problem%0AExplain%20the%20issue%20briefly.%0A%0A%23%23%23%20Type%0ATrack%20/%20Album%20/%20Playlist%20/%20Artist%0A%0A%23%23%23%20Spotify%20URL%0APaste%20the%20link%20here.%0A%0A%23%23%23%20OS%0AWindows%20/%20Linux%20/%20macOS")}>
+              <GithubIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -147,13 +105,8 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
        </Tooltip>
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant="ghost"
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => openExternal("https://exyezed.cc/")}
-            >
-              <BlocksIcon size={20} />
+            <Button variant="ghost" size="icon" className="h-10 w-10 hover:bg-primary/10 hover:text-primary" onClick={() => openExternal("https://exyezed.cc/")}>
+              <BlocksIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
@@ -162,20 +115,14 @@ export function Sidebar({ currentPage, onPageChange }: SidebarProps) {
        </Tooltip>
        <Tooltip delayDuration={0}>
          <TooltipTrigger asChild>
-            <Button
-              variant="ghost"
-              size="icon"
-              className="h-10 w-10"
-              onClick={() => openExternal("https://ko-fi.com/afkarxyz")}
-            >
-              <CoffeeIcon size={20} />
+            <Button variant="ghost" size="icon" className="h-10 w-10 hover:bg-primary/10 hover:text-primary" onClick={() => openExternal("https://ko-fi.com/afkarxyz")}>
+              <CoffeeIcon size={20}/>
            </Button>
          </TooltipTrigger>
          <TooltipContent side="right">
-            <p>Support me on Ko-fi</p>
+            <p>Every coffee helps me keep going</p>
          </TooltipContent>
        </Tooltip>
      </div>
-    </div>
-  );
+    </div>);
 }