From 535430d0c5d80c9b778ef39371d75e07268cf278 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Tue, 17 Jan 2023 20:28:14 +0100
Subject: [PATCH] better version tooltip

---
 .../bs-version-item.component.tsx             | 26 ++++++++++++-------
 src/renderer/windows/App.tsx                  |  1 +
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/nav-bar/nav-bar-items/bs-version-item.component.tsx b/src/renderer/components/nav-bar/nav-bar-items/bs-version-item.component.tsx
index 1a7bbb09..1e8e11bc 100644
--- a/src/renderer/components/nav-bar/nav-bar-items/bs-version-item.component.tsx
+++ b/src/renderer/components/nav-bar/nav-bar-items/bs-version-item.component.tsx
@@ -81,11 +81,9 @@ export function BsVersionItem(props: {version: BSVersion}) {
     const renderVersionText = () => {
         if(props.version.name){
             return (
-                <Tippy content={props.version.BSVersion} placement="right-end" arrow={false} className="font-bold !bg-main-color-3" duration={[200, 0]}>
-                    <div className="h-8 flex items-center dark:text-gray-200 text-gray-800 overflow-hidden">
-                        <div ref={ref} className='whitespace-nowrap font-bold tracking-wide w-full text-center' style={{fontSize}}>{props.version.name}</div>
-                    </div>
-                </Tippy>
+                <div className="h-8 flex items-center dark:text-gray-200 text-gray-800 overflow-hidden">
+                    <div ref={ref} className='whitespace-nowrap font-bold tracking-wide w-full text-center' style={{fontSize}}>{props.version.name}</div>
+                </div>
             )
         }
         return (
@@ -98,10 +96,20 @@ export function BsVersionItem(props: {version: BSVersion}) {
 
     return (
         <NavBarItem onCancel={cancel} progress={downloading ? downloadPercent : 0} isActive={isActive() && !downloading} isDownloading={downloading}>
-            <Link onDoubleClick={handleDoubleClick} to={`/bs-version/${props.version.BSVersion}`} state={props.version} className="w-full flex items-center justify-start content-center max-w-full">
-                {renderIcon()}
-                {renderVersionText()}
-            </Link>
+            {props.version.name ? (
+                <Tippy content={props.version.BSVersion} placement="right-end" arrow={false} className="font-bold !bg-main-color-3" duration={[100, 0]} animation="shift-away-subtle">
+                    <Link onDoubleClick={handleDoubleClick} to={`/bs-version/${props.version.BSVersion}`} state={props.version} className="w-full flex items-center justify-start content-center max-w-full">
+                        {renderIcon()}
+                        {renderVersionText()}
+                    </Link>
+                </Tippy>
+            ) : (
+                <Link onDoubleClick={handleDoubleClick} to={`/bs-version/${props.version.BSVersion}`} state={props.version} className="w-full flex items-center justify-start content-center max-w-full">
+                    {renderIcon()}
+                    {renderVersionText()}
+                </Link>
+            )}
+            
         </NavBarItem>
     )
 }
\ No newline at end of file
diff --git a/src/renderer/windows/App.tsx b/src/renderer/windows/App.tsx
index 05d61485..964a82a1 100644
--- a/src/renderer/windows/App.tsx
+++ b/src/renderer/windows/App.tsx
@@ -14,6 +14,7 @@ import { MapsPage } from "../pages/maps-page.component";
 import "tailwindcss/tailwind.css";
 import { BsmIframeView } from "../components/shared/iframe-view.component";
 import 'tippy.js/dist/tippy.css';
+import 'tippy.js/animations/shift-away-subtle.css';
 import { MapsManagerService } from "renderer/services/maps-manager.service";
 import { PlaylistsManagerService } from "renderer/services/playlists-manager.service";
 import { ModelsManagerService } from "renderer/services/models-manager.service";