From 6aed7810d8076c3dd2197c14fc6e9a69fb2f709d Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Mon, 25 Nov 2024 20:31:09 +0100
Subject: [PATCH] Merge pull request #653 from
 Zagrios/chore/add-beatleader-icon-to-playlist-oneclickt-setting

[chore] Added beatleader icon to playlist oneclick setting + change tippys color

(cherry picked from commit 6c39e5f43df4cf5398b8609bd7268467a023eb73)
---
 .../pages/settings-page.component.tsx         | 34 ++++++++++++-------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/renderer/pages/settings-page.component.tsx b/src/renderer/pages/settings-page.component.tsx
index 9420f7b4..d85fc9cc 100644
--- a/src/renderer/pages/settings-page.component.tsx
+++ b/src/renderer/pages/settings-page.component.tsx
@@ -273,7 +273,7 @@ export function SettingsPage() {
                                 <span className="font-extrabold">{t("notifications.settings.additional-content.deep-link.select-all")}</span>
                             </div>
                             <div className="flex h-full gap-2">
-                                <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={beatSaverIcon}
@@ -283,7 +283,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 rounded-md cursor-pointer"
                                         image={beastSaberIcon}
@@ -293,7 +293,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={scoreSaberIcon}
@@ -303,7 +303,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={beatleaderIcon}
@@ -313,7 +313,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={modelSaberIcon}
@@ -332,7 +332,7 @@ export function SettingsPage() {
                                     <span className="font-extrabold">{t("misc.maps")}</span>
                                 </div>
                                 <div className="flex h-full gap-2">
-                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={beatSaverIcon}
@@ -342,7 +342,7 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
-                                    <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 rounded-md cursor-pointer"
                                             image={beastSaberIcon}
@@ -352,7 +352,7 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
-                                    <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={scoreSaberIcon}
@@ -362,7 +362,7 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
-                                    <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={beatleaderIcon}
@@ -379,8 +379,8 @@ export function SettingsPage() {
                                     <BsmCheckbox className="relative z-[1] h-5 w-5" onChange={() => tooglePlaylistsDeepLinks()} checked={playlistsDeepLinkEnabled} />
                                     <span className="font-extrabold">{t("misc.playlists")}</span>
                                 </div>
-                                <div className="flex h-full">
-                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <div className="flex h-full gap-2">
+                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={beatSaverIcon}
@@ -390,6 +390,16 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
+                                    <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
+                                        <BsmImage
+                                            className="h-8 cursor-pointer"
+                                            image={beatleaderIcon}
+                                            onClick={e => {
+                                                e.stopPropagation();
+                                                linkOpener.open("https://www.beatleader.xyz/");
+                                            }}
+                                        />
+                                    </Tippy>
                                 </div>
                             </li>
                             <li className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md group-one flex justify-between items-center basis-0 py-2 px-3 cursor-pointer" onClick={() => toogleModelsDeepLinks()}>
@@ -398,7 +408,7 @@ export function SettingsPage() {
                                     <span className="font-extrabold">{t("misc.models")}</span>
                                 </div>
                                 <div className="flex h-full">
-                                    <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={modelSaberIcon}