chore(mail): drop distribution chart title + bump donut width 168→200

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>
This commit is contained in:
chahinebrini 2026-05-13 23:28:37 +02:00
parent 1dfb0c647c
commit c8a18baf75

View File

@ -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}