From 5fa7013106239619cca3ba920756b70e406cb3b8 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Sat, 18 Mar 2023 14:16:36 +0100
Subject: [PATCH] [hotfix] add beta alpha indicator

---
 .../components/title-bar/title-bar.component.tsx    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/title-bar/title-bar.component.tsx b/src/renderer/components/title-bar/title-bar.component.tsx
index a953dbd9..81b818dc 100644
--- a/src/renderer/components/title-bar/title-bar.component.tsx
+++ b/src/renderer/components/title-bar/title-bar.component.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useObservable } from 'renderer/hooks/use-observable.hook';
 import { useThemeColor } from 'renderer/hooks/use-theme-color.hook';
 import { AudioPlayerService } from 'renderer/services/audio-player.service';
@@ -17,9 +17,17 @@ export default function TitleBar({template = "index.html"} : {template: AppWindo
     const audio = AudioPlayerService.getInstance();
 
     const volume = useObservable(audio.volume$, audio.volume);
-    const playing = useObservable(audio.playing$);
     const color = useThemeColor("first-color");
 
+    const [previewVersion, setPreviewVersion] = useState(null);
+
+    useEffect(() => {
+        ipcService.send<string>("current-version").then(res => {
+            if(res.data.toLocaleLowerCase().includes("alpha")){ return setPreviewVersion("ALPHA"); }
+            if(res.data.toLocaleLowerCase().includes("beta")){ return setPreviewVersion("BETA"); }
+        });
+    })
+
     const [maximized, setMaximized] = useState(false);
 
         const closeWindow = () => {
@@ -57,6 +65,7 @@ export default function TitleBar({template = "index.html"} : {template: AppWindo
                 <div id="drag-region" className='grow basis-0 h-full'>
                     <div id="window-title" className='pl-1'>
                         <span className='text-gray-800 dark:text-gray-100 font-bold text-xs italic'>BSManager</span>
+                        { previewVersion && <span className='bg-main-color-1 text-white dark:text-black dark:bg-white rounded-full ml-1 text-[10px] italic px-1 uppercase h-3.5 font-bold'>{previewVersion}</span> }
                     </div>
                 </div>
                 <div id="window-controls" className="h-full flex shrink-0 items-center">