feat: now button on budget

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

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/budget/MonthPicker.tsx b/packages/desktop-client/src/components/budget/MonthPicker.tsx
@@ -1,13 +1,19 @@
 // @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';
+import {
+  buttonPrimaryBorder,
+  cardBorder,
+  menuBorder,
+} from '../../style/themes/light';
 
 type MonthPickerProps = {
   startMonth: string;
@@ -78,6 +84,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