From c2195aa02fc354277217712442f6d57cd4f78fab Mon Sep 17 00:00:00 2001
From: Ronny <ronny975@gmail.com>
Date: Sun, 12 Apr 2026 16:07:02 +0200
Subject: [PATCH] style: Lucide TrendingUp/Down icons for rank change arrows

---
 frontend/src/pages/DashboardPage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
index cfdb255..ff926fe 100644
--- a/frontend/src/pages/DashboardPage.tsx
+++ b/frontend/src/pages/DashboardPage.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { TrendingUp, TrendingDown } from 'lucide-react';
 import { api, DashboardData, Match } from '../api/client';
 import TipModal from '../components/TipModal';
 import styles from './DashboardPage.module.css';
@@ -157,8 +158,8 @@ export default function DashboardPage(_props: Props) {
         <div className={`card ${styles.statTile}`}>
           <span className={styles.statValue}>
             {stats.rank !== null ? stats.rank : '—'}
-            {rankDiff > 0 && <span className={styles.rankUp}>↑{rankDiff}</span>}
-            {rankDiff < 0 && <span className={styles.rankDown}>↓{Math.abs(rankDiff)}</span>}
+            {rankDiff > 0 && <span className={styles.rankUp}><TrendingUp size={14} strokeWidth={2.5} /></span>}
+            {rankDiff < 0 && <span className={styles.rankDown}><TrendingDown size={14} strokeWidth={2.5} /></span>}
           </span>
           <span className={styles.statLabel}>Dein Rang</span>
         </div>