yazan/ironGym
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add 30 n123456

Browse Source
This commit is contained in:
yznahmad 2025-06-21 04:46:37 +03:00
parent df46525ccf
commit 489474e9d7
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/src/components/dashboard/home/incomeOutcome.tsx
View File

@ -11,7 +11,7 @@ export default function IncomeOutcome()
{ {
// get needed redux state // get needed redux state
const report = useAppSelector((state) => state.statisticsReducer.value.report); const report = useAppSelector((state) => state.statisticsReducer.value.report);
const currencySymbol = useAppSelector((state) => state.settingsReducer.value.appGeneralSettings.currencySymbol || '$'); const settings = useAppSelector((state) => state.settingsReducer.value);
const themeType = useAppSelector((state) => state.themeTypeReducer.value.themeType); const themeType = useAppSelector((state) => state.themeTypeReducer.value.themeType);
const [isClient, setIsClient] = useState(false); const [isClient, setIsClient] = useState(false);
@ -27,8 +27,8 @@ export default function IncomeOutcome()
setIsClient(true); setIsClient(true);
}, []); }, []);
// if loading or no report, don't render the chart // if loading or no report or settings not loaded, show loading spinner
if (!report || !isClient) { if (!report || !isClient || !settings?.appGeneralSettings) {
return ( return (
<div className="w-full h-[350px] flex items-center justify-center"> <div className="w-full h-[350px] flex items-center justify-center">
<div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-gray-900 dark:border-gray-100"></div> <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-gray-900 dark:border-gray-100"></div>
@ -36,6 +36,9 @@ export default function IncomeOutcome()
); );
} }
// Get currency symbol with fallback to '$' if not available
const currencySymbol = settings.appGeneralSettings.currencySymbol || '$';
// prepare chart data // prepare chart data
const data = [report?.totalIncome || 0, report?.totalOutcome || 0]; const data = [report?.totalIncome || 0, report?.totalOutcome || 0];
// prepare chart labels // prepare chart labels