v1.0.2

Wygląd

frontend/src/pages/Dashboard.jsx

@@ -1,4 +1,5 @@
-import { useBalance, useSummary, useSettleUp } from '../api/queries.js';
+import { useNavigate } from 'react-router-dom';
+import { useBalance, useSummary } from '../api/queries.js';
 import { useHouseholdContext } from '../household/HouseholdContext.jsx';
 import CategoryPieChart from '../components/CategoryPieChart.jsx';
 import Icon from '../components/Icon.jsx';
@@ -8,10 +9,10 @@ function memberName(members, id) {
 }
 
 export default function Dashboard() {
+  const navigate = useNavigate();
   const { activeHousehold: household } = useHouseholdContext();
   const { data: balance } = useBalance();
   const { data: summary } = useSummary();
-  const settleUp = useSettleUp();
 
   const members = household?.members || [];
   const currency = household?.currency || 'PLN';
@@ -40,12 +41,8 @@ export default function Dashboard() {
                 </p>
               ))}
             </div>
-            <button
-              className="btn-primary btn-center"
-              disabled={settleUp.isPending}
-              onClick={() => settleUp.mutate()}
-            >
-              {settleUp.isPending ? 'Rozliczanie…' : 'Rozlicz się'}
+            <button className="btn-primary btn-center" onClick={() => navigate('/settlements')}>
+              Rozlicz się
             </button>
           </>
         )}