From db691a5dd8fe29c0287304d7d5832b6d2b9cd9b2 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Fri, 31 Mar 2023 17:50:25 +0000
Subject: [PATCH] added support button

---
 packages/app/src/pages/settings/index.jsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/pages/settings/index.jsx b/packages/app/src/pages/settings/index.jsx
index 8ac0028a..5f441613 100755
--- a/packages/app/src/pages/settings/index.jsx
+++ b/packages/app/src/pages/settings/index.jsx
@@ -3,6 +3,7 @@ import * as antd from "antd"
 import { SliderPicker } from "react-color"
 import { Translation } from "react-i18next"
 import classnames from "classnames"
+import config from "config"
 
 import AuthModel from "models/auth"
 
@@ -17,6 +18,16 @@ const SettingsList = await getSettingsList()
 import "./index.less"
 
 const extraMenuItems = [
+    {
+        id: "donate",
+        label: "Support us",
+        icon: "Heart",
+        props: {
+            style: {
+                color: "#f72585"
+            }
+        }
+    },
     {
         id: "logout",
         label: "Logout",
@@ -26,6 +37,11 @@ const extraMenuItems = [
 ]
 
 const menuEvents = {
+    "donate": () => {
+        if (config.fundingLink) {
+            window.open(config.fundingLink, "_blank")
+        }
+    },
     "logout": () => {
         antd.Modal.confirm({
             title: "Logout",
@@ -493,10 +509,10 @@ const generateMenuItems = () => {
         const children = ordererItems.map((item) => {
             return {
                 key: item.id,
-                label: <>
+                label: <div {...item.props}>
                     {createIconRender(item.icon ?? "Settings")}
                     {item.label}
-                </>,
+                </div>,
                 type: "item",
                 danger: item.danger,
             }