ag/gymflow
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 1 Wiki Activity

Stats charts minor fix

Browse Source
This commit is contained in:
aodulov
2025-11-27 08:18:11 +02:00
parent 350a25e318
commit b4cc722a79
1 changed files with 114 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/Stats.tsx
View File

@@ -74,8 +74,8 @@ const Stats: React.FC<StatsProps> = ({ sessions, lang }) => {
<p className="text-xs text-on-surface-variant mt-1">{t('volume_subtitle', lang)}</p> <p className="text-xs text-on-surface-variant mt-1">{t('volume_subtitle', lang)}</p>
</div> </div>
</div> </div>
<div className="h-64 w-full"> <div className="h-64 min-h-64 w-full">
<ResponsiveContainer width="100%" height="100%"> <ResponsiveContainer width="100%" height={256}>
<LineChart data={volumeData}> <LineChart data={volumeData}>
<CartesianGrid strokeDasharray="3 3" stroke="#49454F" vertical={false} opacity={0.5} /> <CartesianGrid strokeDasharray="3 3" stroke="#49454F" vertical={false} opacity={0.5} />
<XAxis dataKey="date" stroke="#CAC4D0" fontSize={12} tickLine={false} axisLine={false} dy={10} /> <XAxis dataKey="date" stroke="#CAC4D0" fontSize={12} tickLine={false} axisLine={false} dy={10} />
@@ -94,8 +94,8 @@ const Stats: React.FC<StatsProps> = ({ sessions, lang }) => {
{/* Sets Chart */} {/* Sets Chart */}
<div className="bg-surface-container p-5 rounded-[24px] shadow-elevation-1 border border-outline-variant/20"> <div className="bg-surface-container p-5 rounded-[24px] shadow-elevation-1 border border-outline-variant/20">
<h3 className="text-title-medium font-medium text-on-surface mb-6">{t('sets_title', lang)}</h3> <h3 className="text-title-medium font-medium text-on-surface mb-6">{t('sets_title', lang)}</h3>
<div className="h-64 w-full"> <div className="h-64 min-h-64 w-full">
<ResponsiveContainer width="100%" height="100%"> <ResponsiveContainer width="100%" height={256}>
<BarChart data={setsData}> <BarChart data={setsData}>
<CartesianGrid strokeDasharray="3 3" stroke="#49454F" vertical={false} opacity={0.5} /> <CartesianGrid strokeDasharray="3 3" stroke="#49454F" vertical={false} opacity={0.5} />
<XAxis dataKey="date" stroke="#CAC4D0" fontSize={12} tickLine={false} axisLine={false} dy={10} /> <XAxis dataKey="date" stroke="#CAC4D0" fontSize={12} tickLine={false} axisLine={false} dy={10} />
@@ -113,8 +113,8 @@ const Stats: React.FC<StatsProps> = ({ sessions, lang }) => {
{/* Body Weight Chart */} {/* Body Weight Chart */}
<div className="bg-surface-container p-5 rounded-[24px] shadow-elevation-1 border border-outline-variant/20"> <div className="bg-surface-container p-5 rounded-[24px] shadow-elevation-1 border border-outline-variant/20">
<h3 className="text-title-medium font-medium text-on-surface mb-6">{t('weight_title', lang)}</h3> <h3 className="text-title-medium font-medium text-on-surface mb-6">{t('weight_title', lang)}</h3>
<div className="h-64 w-full"> <div className="h-64 min-h-64 w-full">
<ResponsiveContainer width="100%" height="100%"> <ResponsiveContainer width="100%" height={256}>
<LineChart data={weightData}> <LineChart data={weightData}>
<CartesianGrid strokeDasharray="3 3" stroke="#49454F" vertical={false} opacity={0.5} /> <CartesianGrid strokeDasharray="3 3" stroke="#49454F" vertical={false} opacity={0.5} />
<XAxis dataKey="date" stroke="#CAC4D0" fontSize={12} tickLine={false} axisLine={false} dy={10} /> <XAxis dataKey="date" stroke="#CAC4D0" fontSize={12} tickLine={false} axisLine={false} dy={10} />