.simple open folder

frontend/src/components/AlbumInfo.tsx

@@ -206,10 +206,16 @@ export function AlbumInfo({ albumInfo, trackList, searchQuery, sortBy, selectedT
                       <p>Download All Separate Covers</p>
                     </TooltipContent>
                   </Tooltip>)}
-                {downloadedTracks.size > 0 && (<Button onClick={onOpenFolder} variant="outline">
-                    <FolderOpen className="h-4 w-4"/>
-                    Open Folder
-                  </Button>)}
+                {downloadedTracks.size > 0 && (<Tooltip>
+                    <TooltipTrigger asChild>
+                      <Button onClick={onOpenFolder} variant="outline" size="icon">
+                        <FolderOpen className="h-4 w-4"/>
+                      </Button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      <p>Open Folder</p>
+                    </TooltipContent>
+                  </Tooltip>)}
               </div>
               {isDownloading && (<DownloadProgress progress={downloadProgress} currentTrack={currentDownloadInfo} onStop={onStopDownload}/>)}
             </div>

frontend/src/components/ArtistInfo.tsx

@@ -610,10 +610,16 @@ export function ArtistInfo({ artistInfo, albumList, trackList, searchQuery, sort
                     <p>Download All Separate Covers</p>
                   </TooltipContent>
                 </Tooltip>)}
-              {downloadedTracks.size > 0 && (<Button onClick={onOpenFolder} size="sm" variant="outline">
-                  <FolderOpen className="h-4 w-4"/>
-                  Open Folder
-                </Button>)}
+              {downloadedTracks.size > 0 && (<Tooltip>
+                  <TooltipTrigger asChild>
+                    <Button onClick={onOpenFolder} size="icon" variant="outline">
+                      <FolderOpen className="h-4 w-4"/>
+                    </Button>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    <p>Open Folder</p>
+                  </TooltipContent>
+                </Tooltip>)}
             </div>
           </div>
           {isDownloading && (<DownloadProgress progress={downloadProgress} currentTrack={currentDownloadInfo} onStop={onStopDownload}/>)}

frontend/src/components/PlaylistInfo.tsx

@@ -216,10 +216,16 @@ export function PlaylistInfo({ playlistInfo, trackList, searchQuery, sortBy, sel
                       <p>Download All Separate Covers</p>
                     </TooltipContent>
                   </Tooltip>)}
-                {downloadedTracks.size > 0 && (<Button onClick={onOpenFolder} variant="outline">
-                    <FolderOpen className="h-4 w-4"/>
-                    Open Folder
-                  </Button>)}
+                {downloadedTracks.size > 0 && (<Tooltip>
+                    <TooltipTrigger asChild>
+                      <Button onClick={onOpenFolder} variant="outline" size="icon">
+                        <FolderOpen className="h-4 w-4"/>
+                      </Button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      <p>Open Folder</p>
+                    </TooltipContent>
+                  </Tooltip>)}
               </div>
               {isDownloading && (<DownloadProgress progress={downloadProgress} currentTrack={currentDownloadInfo} onStop={onStopDownload}/>)}
             </div>

frontend/src/components/TitleBar.tsx

@@ -1,8 +1,9 @@
-import { X, Minus, Maximize, SlidersHorizontal, Info } from "lucide-react";
+import { X, Minus, Maximize, SlidersHorizontal, Info, Globe } from "lucide-react";
 import { WindowMinimise, WindowToggleMaximise, Quit } from "../../wailsjs/runtime/runtime";
 import { Menubar, MenubarContent, MenubarMenu, MenubarItem, MenubarTrigger, MenubarLabel, MenubarSeparator } from "@/components/ui/menubar";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { getSettings, updateSettings } from "@/lib/settings";
+import { openExternal } from "@/lib/utils";
 import { useState, useEffect } from "react";
 export function TitleBar() {
     const [useSpotFetchAPI, setUseSpotFetchAPI] = useState(false);
@@ -65,6 +66,11 @@ export function TitleBar() {
                         <span>Use SpotFetch API</span>
                         <span className="ml-4">{useSpotFetchAPI ? "✓" : ""}</span>
                     </MenubarItem>
+                    <MenubarSeparator />
+                    <MenubarItem onClick={() => openExternal("https://afkarxyz.qzz.io")} className="gap-2">
+                        <Globe className="w-4 h-4 opacity-70" />
+                        <span>Website</span>
+                    </MenubarItem>
                 </MenubarContent>
             </MenubarMenu>
         </Menubar>

frontend/src/components/TrackInfo.tsx

@@ -146,10 +146,16 @@ export function TrackInfo({ track, isDownloading, downloadingTrack, isDownloaded
                 </div>) : (<p>Check Availability</p>)}
               </TooltipContent>
             </Tooltip>)}
-            {isDownloaded && (<Button onClick={onOpenFolder} variant="outline">
-              <FolderOpen className="h-4 w-4"/>
-              Open Folder
-            </Button>)}
+            {isDownloaded && (<Tooltip>
+              <TooltipTrigger asChild>
+                <Button onClick={onOpenFolder} variant="outline" size="icon">
+                  <FolderOpen className="h-4 w-4"/>
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>Open Folder</p>
+              </TooltipContent>
+            </Tooltip>)}
           </div>)}
         </div>
       </div>