diff --git a/resources/js/components/rainfall/YearRainfaill.tsx b/resources/js/components/rainfall/YearRainfaill.tsx
index eb65b24..401211a 100644
--- a/resources/js/components/rainfall/YearRainfaill.tsx
+++ b/resources/js/components/rainfall/YearRainfaill.tsx
@@ -40,13 +40,29 @@ const YearRainfall: FC<YearRainfallProps> = ({loadedAt}) => {
                 </thead>
                 <tbody>
                 {Object.entries(data)
-                    .map(([month, months]) => {
-                        return <tr key={month}>
+                    .map(([month, months]) => <tr key={month}>
                             <td>{months[0].label}</td>
                             <td>{months.find(m => m.year === (new Date).getFullYear() && m.month === Number(month))?.values}</td>
                             <td>{months.find(m => m.year === ((new Date).getFullYear() - 1) && m.month === Number(month))?.values}</td>
                         </tr>
-                    })}
+                    )}
+                <tr className="font-semibold">
+                    <td>Total</td>
+                    {Object.entries(data).at(0).at(1).map(i => i.year)
+                        .sort((a,b) => b > a)
+                        .map(year => <td key={year}>
+                            {Object.entries(data).reduce((acc, item) => {
+                                    console.log(item.at(1), year)
+                                    item.at(1).forEach(month => {
+                                        console.log(month)
+                                        if(month.year === year) {
+                                            acc += month.values
+                                        }
+                                    })
+                                    return acc
+                                }, 0)}
+                        </td>)}
+                </tr>
                 </tbody>
             </table>
         </Card>