Merge branch 'master' of https://github.com/Zagrios/bs-manager

assets/jsons/translations/de.json

@@ -505,7 +505,8 @@
         "choose-store": {
             "title": "Welche Plattform?",
             "body": "Wählen Sie die Plattform, von der Sie Beat Saber herunterladen möchten.",
-            "set-in-settings": "Die Standardplattform in den Einstellungen festlegen"
+            "set-in-settings": "Die Standardplattform in den Einstellungen festlegen",
+            "unavailable": "Aufgrund kürzlicher Änderungen von Oculus ist das Downgrade von Oculus-Versionen derzeit nicht mehr verfügbar. Wir untersuchen das Problem und werden Sie auf dem BSManager-Discord-Server auf dem Laufenden halten."
         },
         "guard": {
             "title": "Steam Guard",

assets/jsons/translations/en.json

@@ -505,7 +505,8 @@
         "choose-store": {
             "title": "Which platform?",
             "body": "Select the platform from which you wish to download Beat Saber.",
-            "set-in-settings": "Set the default platform in settings"
+            "set-in-settings": "Set the default platform in settings",
+            "unavailable": "Due to recent changes by Oculus, downgrading Oculus versions is currently no longer available. We're investigating the issue and will keep you posted on the BSManager Discord server."
         },
         "guard": {
             "title": "Steam Guard",

assets/jsons/translations/es.json

@@ -504,7 +504,8 @@
         "choose-store": {
             "title": "¿Qué plataforma?",
             "body": "Selecciona la plataforma desde la que deseas descargar Beat Saber.",
-            "set-in-settings": "Establecer la plataforma predeterminada en los ajustes"
+            "set-in-settings": "Establecer la plataforma predeterminada en los ajustes",
+            "unavailable": "Debido a cambios recientes de Oculus, la degradación de versiones de Oculus ya no está disponible. Estamos investigando el problema y te mantendremos informado en el servidor de Discord de BSManager."
         },
         "guard": {
             "title": "Steam Guard",

assets/jsons/translations/fr.json

@@ -501,7 +501,8 @@
         "choose-store": {
             "title": "Quelle plateforme ?",
             "body": "Sélectionnez la plateforme depuis laquelle vous souhaitez télécharger Beat Saber.",
-            "set-in-settings": "Définir la platforme par défaut dans les paramètres"
+            "set-in-settings": "Définir la platforme par défaut dans les paramètres",
+            "unavailable": "En raison de récents changements apportés par Oculus, la rétrogradation des versions d'Oculus n'est actuellement plus disponible. Nous étudions le problème et vous tiendrons au courant sur le serveur Discord de BSManager."
         },
         "guard": {
             "title": "Steam Guard",

assets/jsons/translations/ja.json

@@ -505,7 +505,8 @@
         "choose-store": {
             "title": "どのプラットフォーム？",
             "body": "Beat Saberをダウンロードするプラットフォームを選択してください。",
-            "set-in-settings": "設定からデフォルトのプラットフォームを設定する"
+            "set-in-settings": "設定からデフォルトのプラットフォームを設定する",
+            "unavailable": "Oculusによる最近の変更により、現在Oculusのバージョンダウングレードは利用できなくなりました。私たちは問題を調査しており、BSManagerのDiscordサーバーで最新情報をお知らせします。"
         },
         "guard": {
             "title": "Steamガード",

assets/jsons/translations/ru.json

@@ -505,7 +505,8 @@
         "choose-store": {
             "title": "Какая платформа?",
             "body": "Выберите платформу, с которой вы хотите скачать Beat Saber.",
-            "set-in-settings": "Установить платформу по умолчанию в настройках"
+            "set-in-settings": "Установить платформу по умолчанию в настройках",
+            "unavailable": "В связи с недавними изменениями от Oculus, понижение версий Oculus в настоящее время больше не доступно. Мы изучаем проблему и будем держать вас в курсе на сервере BSManager в Discord."
         },
         "guard": {
             "title": "Steam Guard",

assets/jsons/translations/zh-tw.json

@@ -505,7 +505,8 @@
         "choose-store": {
             "title": "選擇哪個平台？",
             "body": "選擇你希望為其下載 BeatSaber 的平台。",
-            "set-in-settings": "在設定中設定預設平台"
+            "set-in-settings": "在設定中設定預設平台",
+            "unavailable": "由於Oculus最近的更改，目前不再提供降級Oculus版本的服務。我們正在調查此問題，並將在BSManager Discord伺服器上保持更新。"
         },
         "guard": {
             "title": "Steam Guard",

assets/jsons/translations/zh.json

@@ -505,7 +505,8 @@
         "choose-store": {
             "title": "选择哪个平台？",
             "body": "选择你希望为其下载 BeatSaber 的平台。",
-            "set-in-settings": "在设置中设定默认平台"
+            "set-in-settings": "在设置中设定默认平台",
+            "unavailable": "由于Oculus最近的更改，目前不再提供降级Oculus版本的服务。我们正在调查此问题，并将在BSManager Discord服务器上保持更新。"
         },
         "guard": {
             "title": "Steam Guard",

src/renderer/components/modal/modal-types/bs-downgrade/choose-store-modal.component.tsx

@@ -7,6 +7,8 @@ import { useState } from "react";
 import tailwindConfig from "../../../../../../tailwind.config";
 import Color from "color";
 import { useNavigate } from "react-router-dom";
+import Tippy from "@tippyjs/react";
+import { followCursor } from "tippy.js";
 
 export const ChooseStore: ModalComponent<BsStore> = ({ resolver }) => {
 
@@ -47,10 +49,12 @@ export const ChooseStore: ModalComponent<BsStore> = ({ resolver }) => {
             <h1 className="text-3xl uppercase tracking-wide w-full text-center text-gray-800 dark:text-gray-200">{t("modals.choose-store.title")}</h1>
             <p className="w-auto text-gray-800 dark:text-gray-200 text-center">{t("modals.choose-store.body")}</p>
             <div className="flex flex-row w-full flex-grow gap-3">
-                <div className="flex flex-col flex-grow basis-0 gap-2 text-center px-5 pt-3 pb-1 rounded-md border-main-color-3 border-2 cursor-pointer" onMouseEnter={() => setOculusHover(true)} onMouseLeave={() => setOculusHover(false)} onClick={() => chooseStore(BsStore.OCULUS)} style={{backgroundColor: oculusHover ? bg.dim : bg.bright}}>
-                    <OculusIcon className="flex-grow aspect-square text-black bg-white rounded-full p-5"/>
-                    <h2 className="font-bold">Oculus Store (PC)</h2>
-                </div>
+                <Tippy className="!bg-neutral-900" content={t("modals.choose-store.unavailable")} allowHTML hideOnClick={false} followCursor plugins={[followCursor]} duration={200} arrow={false} maxWidth={300}>
+                    <div className="flex-grow basis-0 flex flex-col gap-2 text-center px-5 pt-3 pb-1 rounded-md border-main-color-3 border-2 cursor-not-allowed" style={{backgroundColor: oculusHover ? bg.dim : bg.bright}}>
+                        <OculusIcon className="flex-grow aspect-square text-black bg-white rounded-full p-5"/>
+                        <h2 className="font-bold">Oculus Store (PC)</h2>
+                    </div>
+                </Tippy>
                 <div className="flex flex-col flex-grow basis-0 gap-2 text-center px-5 pt-3 pb-1 rounded-md border-main-color-3 border-2 cursor-pointer" onMouseEnter={() => setSteamHover(true)} onMouseLeave={() => setSteamHover(false)} onClick={() => chooseStore(BsStore.STEAM)} style={{backgroundColor: steamHover ? bg.dim : bg.bright}}>
                     <SteamIcon className="flex-grow"/>
                     <h2 className="font-bold">Steam</h2>