Change donate button color

pbteja1998 · pbteja1998 · commit 56e41ca42427 · 2021-02-19T21:02:18.000+05:30
diff --git a/src/components/AppNavBar.tsx b/src/components/AppNavBar.tsx
@@ -45,14 +45,6 @@ export default function AppNavBar() {
       }
       rightDesktopItems={
         <>
-          <Button
-            variant="solid"
-            variantColor="brand"
-            onClick={() => setIsDonateModalOpen(true)}
-          >
-            Donate
-          </Button>
-
           <DonateModal
             isOpen={isDonateModalOpen}
             setIsOpen={setIsDonateModalOpen}
@@ -64,6 +56,14 @@ export default function AppNavBar() {
               <>
                 <Toggle />
 
+                <Button
+                  variant="solid"
+                  variantColor="success"
+                  onClick={() => setIsDonateModalOpen(true)}
+                >
+                  Donate
+                </Button>
+
                 <Menu
                   trigger={
                     <Avatar
@@ -97,6 +97,14 @@ export default function AppNavBar() {
             ) : (
               <>
                 <Toggle />
+
+                <Button
+                  variant="solid"
+                  variantColor="success"
+                  onClick={() => setIsDonateModalOpen(true)}
+                >
+                  Donate
+                </Button>
                 <Button
                   variant="solid"
                   variantColor="brand"
