mwf975_git/tippspiel
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Lucide TrendingUp/Down icons for rank change arrows

Browse Source
This commit is contained in:
Ronny
2026-04-12 16:07:02 +02:00
parent d38f650261
commit c2195aa02f
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/DashboardPage.tsx
+3 -2
View File
@@ -1,5 +1,6 @@
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { TrendingUp, TrendingDown } from 'lucide-react';
import { api, DashboardData, Match } from '../api/client'; import { api, DashboardData, Match } from '../api/client';
import TipModal from '../components/TipModal'; import TipModal from '../components/TipModal';
import styles from './DashboardPage.module.css'; import styles from './DashboardPage.module.css';
@@ -157,8 +158,8 @@ export default function DashboardPage(_props: Props) {
<div className={`card ${styles.statTile}`}> <div className={`card ${styles.statTile}`}>
<span className={styles.statValue}> <span className={styles.statValue}>
{stats.rank !== null ? stats.rank : '—'} {stats.rank !== null ? stats.rank : '—'}
{rankDiff > 0 && <span className={styles.rankUp}>↑{rankDiff}</span>} {rankDiff > 0 && <span className={styles.rankUp}><TrendingUp size={14} strokeWidth={2.5} /></span>}
{rankDiff < 0 && <span className={styles.rankDown}>↓{Math.abs(rankDiff)}</span>} {rankDiff < 0 && <span className={styles.rankDown}><TrendingDown size={14} strokeWidth={2.5} /></span>}
</span> </span>
<span className={styles.statLabel}>Dein Rang</span> <span className={styles.statLabel}>Dein Rang</span>
</div> </div>