Merge pull request #86 from Zagrios/feature/switch-patreon-to-mee6/83

feature/switch-patreon-to-mee6/83
2026-07-03 14:08:25 +02:00 · 2023-01-09 20:26:48 +01:00
parent aacf09aebc 08bceff27a
commit f773e419d5
6 changed files with 30 additions and 15 deletions
@@ -128,7 +128,7 @@
                "title": "Support BSManager 💖",
                "description": "Support the project and help us to provide continuous improvements to BSManager.",
                "buttons": {
-                    "support": "Support BSManager",
+                    "support": "Support BSManager 🥰",
                    "supporters": "Supporters 👀"
                },
                "view": {
@@ -128,7 +128,7 @@
                "title": "Apoyo BSManager 💖",
                "description": "Apoye el proyecto y ayúdenos a proporcionar mejoras continuas a BSManager.",
                "buttons": {
-                    "support": "Apoyo BSManager",
+                    "support": "Apoyo BSManager 🥰",
                    "supporters": "Apoyos 👀"
                },
                "view": {
@@ -128,7 +128,7 @@
                "title": "Soutenir BSManager 💖",
                "description": "Soutien le projet et aide-nous à fournir des améliorations continues à BSManager.",
                "buttons": {
-                    "support": "Soutenir BSManager",
+                    "support": "Soutenir BSManager 🥰",
                    "supporters": "Supporteurs 👀"
                },
                "view": {
@@ -45,11 +45,12 @@ import { DownloadIcon } from "./icons/download-icon.component";
 import { FilterIcon } from "./icons/filter-icon.component";
 import DiscordIcon from "./icons/discord-icon.component";
 import { TwitterIcon } from "./icons/twitter-icon.component";
+import { Mee6Icon } from "./icons/mee6-icon.component";

 export type BsmIconType = BsvMapCharacteristic | (
   "settings"|"trash"|"favorite"|"folder"|"bsNote"|"check"|"three-dots"|"twitch"|"eye"|"play"|"checkCircleIcon"|"discord"|
   "terminal"|"desktop"|"oculus"|"add"|"cross"|"task"|"github"|"close"|"thumbUpFill"|"timerFill"|"pause"|"twitter"|
-   "copy"|"steam"|"edit"|"export"|"patreon"|"search"|"bsMapDifficulty"|"link"|"unlink"|"download"|"filter"|
+   "copy"|"steam"|"edit"|"export"|"patreon"|"search"|"bsMapDifficulty"|"link"|"unlink"|"download"|"filter"|"mee6"|
   "fr-FR-flag"|"es-ES-flag"|"en-US-flag"|"en-EN-flag"
 );

@@ -101,6 +102,7 @@ export const BsmIcon = memo(({className, icon, style}: {className?: string, icon
        if(icon === "filter"){ return <FilterIcon className={className} style={style}/> }
        if(icon === "discord"){ return <DiscordIcon className={className} style={style}/> }
        if(icon === "twitter"){ return <TwitterIcon className={className} style={style}/> }
+        if(icon === "mee6"){ return <Mee6Icon className={className} style={style}/> }
        return <TrashIcon className={className} style={style}/>
    }

@@ -0,0 +1,17 @@
+import { CSSProperties } from "react";
+
+export function Mee6Icon(props: {className?: string, style?: CSSProperties}) {
+    return (
+        <svg className={props.className} style={props.style}  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40">
+            <path fill="#60D1F6" d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"></path>
+            <path fill="#17181E" fill-rule="evenodd" d="M13.636 25.394c1.85-.538 4.03-.848 6.365-.848 2.333 0 4.512.31 6.363.847-.472 3.123-3.141 5.516-6.364 5.516s-5.893-2.393-6.364-5.515z" clip-rule="evenodd"></path>
+            <mask id="mask0" width="14" height="7" x="13" y="24" maskUnits="userSpaceOnUse">
+                <path fill="#fff" fill-rule="evenodd" d="M13.636 25.394c1.85-.538 4.03-.848 6.365-.848 2.333 0 4.512.31 6.363.847-.472 3.123-3.141 5.516-6.364 5.516s-5.893-2.393-6.364-5.515z" clip-rule="evenodd"></path>
+            </mask>
+            <g mask="url(#mask0)">
+                <path fill="#F90043" d="M20 35.151c2.929 0 5.303-1.662 5.303-3.712 0-2.05-2.374-3.712-5.303-3.712s-5.303 1.662-5.303 3.712c0 2.05 2.374 3.712 5.303 3.712z"></path>
+            </g>
+            <path fill="#17181E" d="M13.182 18.182a2.273 2.273 0 100-4.546 2.273 2.273 0 000 4.546zM26.818 18.182a2.273 2.273 0 100-4.546 2.273 2.273 0 000 4.546z"></path>
+        </svg>
+    )
+}
@@ -138,14 +138,12 @@ export function SettingsPage() {
    notificationService.notifySuccess({title: "notifications.settings.steam.success.titles.logout", duration: 3000});
  };

-  const openPatreonPage = () => {
-    linkOpener.open("https://www.patreon.com/bsmanager?fan_landing=true");
-  }
-
+  
  const toogleShowSupporters = () => {
-    setShowSupporters(show => !show);
-  }
-
+      setShowSupporters(show => !show);
+    }
+    
+  const openSupportPage = () => linkOpener.open("https://mee6.gg/m/bsmanager");
  const openGithub = () => linkOpener.open("https://github.com/Zagrios/bs-manager");
  const openReportBug = () => linkOpener.open("https://github.com/Zagrios/bs-manager/issues/new?assignees=Zagrios&labels=bug&template=-bug--bug-report.md&title=%5BBUG%5D+%3A+");
  const openRequestFeatures = () => linkOpener.open("https://github.com/Zagrios/bs-manager/issues/new?assignees=Zagrios&labels=enhancement&template=-feat---feature-request.md&title=%5BFEAT.%5D+%3A+");
@@ -295,7 +293,7 @@ export function SettingsPage() {

                <SettingContainer title="pages.settings.patreon.title" description="pages.settings.patreon.description">
                    <div className="flex gap-2">
-                        <BsmButton className="flex w-fit rounded-md h-8 px-2 font-bold py-1 whitespace-nowrap !text-white" iconClassName="mr-1" text="pages.settings.patreon.buttons.support" icon="patreon" color="#EC6350" withBar={false} onClick={openPatreonPage}/>
+                        <BsmButton className="flex w-fit rounded-md h-8 px-2 font-bold py-1 whitespace-nowrap !bg-red-500 !text-white" text="pages.settings.patreon.buttons.support" withBar={false} onClick={openSupportPage}/>
                        <BsmButton className="flex w-fit rounded-md h-8 px-2 font-bold py-1 !text-white" withBar={false} text="pages.settings.patreon.buttons.supporters" color="#6c5ce7" onClick={() => toogleShowSupporters}/>
                    </div>
                    <SettingContainer className="mt-3" description="pages.settings.discord.description">
@@ -318,9 +316,7 @@ export function SettingsPage() {
                    </SettingContainer>
                </SettingContainer>

-                <span className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md py-1 px-2 font-bold float-right">v{appVersion}</span>
-
-                <div className="h-10"/>
+                <span className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md py-1 px-2 font-bold float-right mb-5">v{appVersion}</span>

            </div>