From f3c0fa1355921a2dceab1e1dd5df5e0cd5527c7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vi=CC=81ctor=20Falco=CC=81n?= <victoor89@gmail.com>
Date: Wed, 3 Dec 2025 17:12:32 +0100
Subject: [PATCH] feat: Add Discord invite link to welcome page

---
 .../dashboard/top-categories-card.tsx         |  4 ++--
 resources/js/pages/dashboard.tsx              | 24 +++++++++----------
 resources/js/pages/welcome.tsx                | 19 +++++++++++++++
 3 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/resources/js/components/dashboard/top-categories-card.tsx b/resources/js/components/dashboard/top-categories-card.tsx
index c73ed7ac..7d50b593 100644
--- a/resources/js/components/dashboard/top-categories-card.tsx
+++ b/resources/js/components/dashboard/top-categories-card.tsx
@@ -87,8 +87,8 @@ export function TopCategoriesCard({
                         const percentageChange =
                             item.previous_amount > 0
                                 ? ((item.amount - item.previous_amount) /
-                                    item.previous_amount) *
-                                100
+                                      item.previous_amount) *
+                                  100
                                 : null;
                         const isSpendingLess =
                             percentageChange !== null && percentageChange < 0;
diff --git a/resources/js/pages/dashboard.tsx b/resources/js/pages/dashboard.tsx
index 2432991b..2f64ead0 100644
--- a/resources/js/pages/dashboard.tsx
+++ b/resources/js/pages/dashboard.tsx
@@ -43,19 +43,19 @@ export default function Dashboard() {
                 <div className="grid gap-4 md:grid-cols-2">
                     {isLoading
                         ? Array.from({ length: 4 }).map((_, i) => (
-                            <AccountBalanceCard
-                                key={i}
-                                // @ts-expect-error - mock data for loading state
-                                account={{}}
-                                loading={true}
-                            />
-                        ))
+                              <AccountBalanceCard
+                                  key={i}
+                                  // @ts-expect-error - mock data for loading state
+                                  account={{}}
+                                  loading={true}
+                              />
+                          ))
                         : accountMetrics.map((account) => (
-                            <AccountBalanceCard
-                                key={account.id}
-                                account={account}
-                            />
-                        ))}
+                              <AccountBalanceCard
+                                  key={account.id}
+                                  account={account}
+                              />
+                          ))}
                 </div>
 
                 <div className="grid gap-4 md:grid-cols-1 lg:grid-cols-3">
diff --git a/resources/js/pages/welcome.tsx b/resources/js/pages/welcome.tsx
index c0482066..d0828fbf 100644
--- a/resources/js/pages/welcome.tsx
+++ b/resources/js/pages/welcome.tsx
@@ -155,6 +155,25 @@ export default function Welcome({
                                     Github
                                 </Button>
                             </a>
+                            <a
+                                href="https://discord.gg/9UQWZECDDv"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <Button
+                                    variant={'ghost'}
+                                    className="cursor-pointer opacity-70 transition-all duration-200 hover:opacity-100"
+                                >
+                                    <svg
+                                        className="size-5"
+                                        viewBox="0 0 24 24"
+                                        fill="currentColor"
+                                    >
+                                        <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
+                                    </svg>
+                                    Discord
+                                </Button>
+                            </a>
                             {!hideAuthButtons && (
                                 <>
                                     <Separator