From bc2624bffd1ff78f028a17a246f354087df889bc Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 21 May 2023 19:47:46 -0700
Subject: [PATCH] Add fullscreen player toggle tooltip to sidebar (#114)

---
 .../player/components/left-controls.tsx       |  2 +-
 .../features/sidebar/components/sidebar.tsx   | 31 +++++++++++--------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx
index 8354b8e3..d8a39774 100644
--- a/src/renderer/features/player/components/left-controls.tsx
+++ b/src/renderer/features/player/components/left-controls.tsx
@@ -140,7 +140,7 @@ export const LeftControls = () => {
                 onClick={handleToggleFullScreenPlayer}
               >
                 <Tooltip
-                  label="Open fullscreen player"
+                  label="Toggle fullscreen player"
                   openDelay={500}
                 >
                   {currentSong?.imageUrl ? (
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index 86b46d22..ea8f6e2a 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -2,7 +2,7 @@ import { MouseEvent } from 'react';
 import { Stack, Accordion, Center, Group, Divider, Box } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
 import { AnimatePresence, motion } from 'framer-motion';
-import { Button, MotionStack, Spinner } from '/@/renderer/components';
+import { Button, MotionStack, Spinner, Tooltip } from '/@/renderer/components';
 import {
   RiAddFill,
   RiAlbumFill,
@@ -288,19 +288,24 @@ export const Sidebar = () => {
               transition={{ duration: 0.3, ease: 'easeInOut' }}
               onClick={expandFullScreenPlayer}
             >
-              {upsizedImageUrl ? (
-                <SidebarImage
-                  loading="eager"
-                  src={upsizedImageUrl}
-                />
-              ) : (
-                <Center sx={{ background: 'var(--placeholder-bg)', height: '100%' }}>
-                  <RiDiscLine
-                    color="var(--placeholder-fg)"
-                    size={50}
+              <Tooltip
+                label="Toggle fullscreen player"
+                openDelay={500}
+              >
+                {upsizedImageUrl ? (
+                  <SidebarImage
+                    loading="eager"
+                    src={upsizedImageUrl}
                   />
-                </Center>
-              )}
+                ) : (
+                  <Center sx={{ background: 'var(--placeholder-bg)', height: '100%' }}>
+                    <RiDiscLine
+                      color="var(--placeholder-fg)"
+                      size={50}
+                    />
+                  </Center>
+                )}
+              </Tooltip>
               <Button
                 compact
                 opacity={0.8}