feat: now button on budget

actualbudget · Nov 3, 2024 · 023fb54 · 023fb54
1 parent 6666014
commit 023fb54
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 1 deletion.
diff --git a/...tion-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png b/...tion-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png
diff --git a/...tion-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png b/...tion-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png
diff --git a/...tion-available-funds-overspent-budgeted-and-for-next-month-3-chromium-linux.png b/...tion-available-funds-overspent-budgeted-and-for-next-month-3-chromium-linux.png
diff --git a/...est.js-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png b/...est.js-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png
diff --git a/...est.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png b/...est.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png
diff --git a/...est.js-snapshots/Budget-transfer-funds-to-another-category-3-chromium-linux.png b/...est.js-snapshots/Budget-transfer-funds-to-another-category-3-chromium-linux.png
diff --git a/packages/desktop-client/src/components/budget/MonthPicker.tsx b/packages/desktop-client/src/components/budget/MonthPicker.tsx
@@ -1,10 +1,11 @@
 // @ts-strict-ignore
-import { type CSSProperties, useState } from 'react';
+import React, { type CSSProperties, useState } from 'react';
 
 import * as monthUtils from 'loot-core/src/shared/months';
 
 import { useResizeObserver } from '../../hooks/useResizeObserver';
 import { styles, theme } from '../../style';
+import { Link } from '../common/Link';
 import { View } from '../common/View';
 
 import { type BoundsProps } from './MonthsContext';
@@ -78,6 +79,19 @@ export const MonthPicker = ({
           justifyContent: 'center',
         }}
       >
+        <Link
+          variant="button"
+          buttonVariant="bare"
+          onPress={() => onSelect(currentMonth)}
+          style={{
+            position: 'absolute',
+            left: 0,
+            padding: '2.2px 3px',
+            border: `1px solid ${theme.buttonPrimaryBorder}`,
+          }}
+        >
+          Now
+        </Link>
         {range.map((month, idx) => {
           const monthName = monthUtils.format(month, 'MMM');
           const selected =

diff --git a/upcoming-release-notes/3703.md b/upcoming-release-notes/3703.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [UnderKoen]
+---
+
+Add button to go to current month in budget view