From 854528701e941867376fe0955679faf768819fee Mon Sep 17 00:00:00 2001
From: Ricearoni1245 <jholt1008@gmail.com>
Date: Thu, 2 Apr 2026 22:16:34 -0500
Subject: [PATCH] moved tip to records page for month reference

---
 web/src/pages/DashboardPage.tsx    |  6 ------
 web/src/pages/TransactionsPage.tsx | 12 ++++++++++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/DashboardPage.tsx b/web/src/pages/DashboardPage.tsx
index 088da41..18b6e66 100644
--- a/web/src/pages/DashboardPage.tsx
+++ b/web/src/pages/DashboardPage.tsx
@@ -1300,9 +1300,6 @@ function RecentTransactionsPanel({
       <div className="space-y-3">
         <h2 className="font-semibold">{title}</h2>
         {rangeLabel ? <div className="text-xs muted">{rangeLabel}</div> : null}
-        <div className="text-xs muted">
-          Tip: Records defaults to This month ({currentMonthLabel}).
-        </div>
         <EmptyState
           message="No transactions yet"
           actionLabel="Record one"
@@ -1315,9 +1312,6 @@ function RecentTransactionsPanel({
     <div className="space-y-3">
       <h2 className="font-semibold">{title}</h2>
       {rangeLabel ? <div className="text-xs muted">{rangeLabel}</div> : null}
-      <div className="text-xs muted">
-        Tip: Records defaults to This month ({currentMonthLabel}).
-      </div>
       
       {/* Desktop table view */}
       <div className="hidden sm:block border rounded-xl overflow-x-auto">
diff --git a/web/src/pages/TransactionsPage.tsx b/web/src/pages/TransactionsPage.tsx
index 319711b..bdcff9a 100644
--- a/web/src/pages/TransactionsPage.tsx
+++ b/web/src/pages/TransactionsPage.tsx
@@ -64,12 +64,24 @@ export default function TransactionsPage() {
     return [...categoryOptions, ...planOptions];
   }, [dashboard?.variableCategories, dashboard?.fixedPlans]);
 
+  const currentMonthLabel = useMemo(
+    () =>
+      new Intl.DateTimeFormat("en-US", {
+        month: "long",
+        year: "numeric",
+      }).format(new Date()),
+    []
+  );
+
 
 
   return (
     <div className="fade-in space-y-8">
       <header className="row">
         <h1 className="text-xl font-bold">Records</h1>
+        <div className="text-xs muted mt-1">
+          Tip: Records defaults to This month ({currentMonthLabel}).
+        </div>
       </header>
 
       <div className="topnav p-3 rounded-xl sticky top-14 z-10" style={{ backdropFilter: "blur(8px)" }}>