little indicator launch state

This commit is contained in:
MathieuG-P
2022-07-26 21:25:23 +02:00
parent a9480638e7
commit e649104fae
@@ -17,6 +17,7 @@ import DefautVersionImage from "../../../assets/images/default-version-img.jpg";
import { BsDownloaderService } from 'renderer/services/bs-downloader.service';
import { useTranslation } from 'renderer/hooks/use-translation.hook';
import { IpcService } from 'renderer/services/ipc.service';
import { useObservable } from 'renderer/hooks/use-observable.hook';
export function VersionViewer() {
@@ -35,6 +36,7 @@ export function VersionViewer() {
const [desktopMode, setDesktopMode] = useState(false);
const [debugMode, setDebugMode] = useState(false);
const [currentTabIndex, setCurrentTabIndex] = useState(0);
const launchState = useObservable(bsLauncherService.launchState$);
useEffect(() => {
setOculusMode(!!configService.get<boolean>(LaunchMods.OCULUS_MOD));
@@ -115,7 +117,7 @@ export function VersionViewer() {
<ToogleLunchMod icon='terminal' onClick={() => setMode(LaunchMods.DEBUG_MOD, !debugMode)} active={debugMode} text="pages.version-viewer.launch-mods.debug"/>
</div>
<div className='grow flex justify-center items-center'>
<BsmButton onClick={launchBs} className='relative text-5xl text-gray-800 dark:text-gray-200 font-bold tracking-wide pt-1 pb-3 px-7 rounded-lg shadow-md italic shadow-black active:scale-90 transition-transform' text="misc.launch"/>
<BsmButton onClick={launchBs} active={JSON.stringify(state) === JSON.stringify(launchState)} className='relative text-5xl text-gray-800 dark:text-gray-200 font-bold tracking-wide pt-1 pb-3 px-7 rounded-lg shadow-md italic shadow-black active:scale-90 transition-transform' text="misc.launch"/>
</div>
</div>
<div className='shrink-0 w-full h-full flex justify-center'>