frontend/src/components/TrainingTypeDistribution.jsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react'
 import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts'
 import { api } from '../utils/api'
+import { useProfile } from '../context/ProfileContext'
 
 /**
  * TrainingTypeDistribution - Pie chart showing activity distribution by type
@@ -8,6 +9,7 @@ import { api } from '../utils/api'
  * @param {number} days - Number of days to analyze (default: 28)
  */
 export default function TrainingTypeDistribution({ days = 28 }) {
+  const { activeProfile } = useProfile()  // Issue #31: Trigger reload on quality filter change
   const [data, setData] = useState([])
   const [categories, setCategories] = useState({})
   const [loading, setLoading] = useState(true)
@@ -41,7 +43,7 @@ export default function TrainingTypeDistribution({ days = 28 }) {
       console.error('Failed to load training type distribution:', err)
       setLoading(false)
     })
-  }, [days])
+  }, [days, activeProfile?.quality_filter_level])  // Issue #31: Reload when quality filter changes
 
   if (loading) {
     return (