From c8a18baf754ae994c47032b91b90383c6a212b16 Mon Sep 17 00:00:00 2001
From: chahinebrini <chahinebrini@gmail.com>
Date: Wed, 13 May 2026 23:28:37 +0200
Subject: [PATCH] =?UTF-8?q?chore(mail):=20drop=20distribution=20chart=20ti?=
 =?UTF-8?q?tle=20+=20bump=20donut=20width=20168=E2=86=92200?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User-Feedback: "verteilung nach postfach"-Title ist redundant
(Donut + Legend sind selbsterklärend). Plus: Donut soll größer sein.

- Title-Text entfernt in beiden Render-Pfaden (hero + non-hero)
- Live-Pill rechts oben bleibt (justifyContent: 'flex-end')
- DONUT_WIDTH 168 → 200 (Höhe skaliert proportional via HalfDonut-Aspect)
- Animation läuft bereits über die shared HalfDonut-Komponente
  (1100ms Easing.out.cubic beim Mount/Value-Change)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../components/mail/MailDistributionChart.tsx | 29 ++-----------------
 1 file changed, 2 insertions(+), 27 deletions(-)

diff --git a/apps/rebreak-native/components/mail/MailDistributionChart.tsx b/apps/rebreak-native/components/mail/MailDistributionChart.tsx
index 2ef5be6..897b490 100644
--- a/apps/rebreak-native/components/mail/MailDistributionChart.tsx
+++ b/apps/rebreak-native/components/mail/MailDistributionChart.tsx
@@ -18,7 +18,7 @@ const OTHER_COLOR = '#a3a3a3';
 
 const MAX_LEGEND_ENTRIES = 3;
 
-const DONUT_WIDTH = 168;
+const DONUT_WIDTH = 200;
 
 function formatCompact(n: number): string {
   if (n < 1000) return n.toLocaleString();
@@ -102,22 +102,10 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
           style={{
             flexDirection: 'row',
             alignItems: 'center',
+            justifyContent: 'flex-end',
             marginBottom: 14,
           }}
         >
-          <Text
-            style={{
-              flex: 1,
-              fontSize: 13,
-              fontFamily: 'Nunito_700Bold',
-              color: colors.textMuted,
-              textTransform: 'uppercase',
-              letterSpacing: 0.7,
-            }}
-          >
-            {t('mail.stats.distribution_heading')}
-          </Text>
-
           <View
             style={{
               flexDirection: 'row',
@@ -178,19 +166,6 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
         paddingBottom: 14,
       }}
     >
-      <Text
-        style={{
-          fontSize: 11,
-          fontFamily: 'Nunito_700Bold',
-          color: colors.textMuted,
-          textTransform: 'uppercase',
-          letterSpacing: 0.7,
-          marginBottom: 12,
-        }}
-      >
-        {t('mail.stats.distribution_heading')}
-      </Text>
-
       <View style={{ flexDirection: 'row', alignItems: 'center', gap: 16 }}>
         <HalfDonut
           segments={segments}