diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-10-10 02:01:35 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-10-10 02:01:35 -0700 |
| commit | 21d496c324b025d907574076e4115919ba2e7f64 (patch) | |
| tree | 02a5af3cb49d0507755f3e8b1b12b383347ca688 /src/components | |
| parent | c4ae035a8f041a3cc344d5ee90800d856be17348 (diff) | |
add postive/negative symbol to diff stats on channel card
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/ChannelCard/ChannelCard.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/components/ChannelCard/ChannelCard.tsx b/src/components/ChannelCard/ChannelCard.tsx index 5337b26..df7ccd0 100644 --- a/src/components/ChannelCard/ChannelCard.tsx +++ b/src/components/ChannelCard/ChannelCard.tsx @@ -77,7 +77,9 @@ const ChannelCard: React.FC<ChannelCardProps> = ({ </div> <div> <p className="text-lg sm:text-xl font-bold text-white"> - {diff_1d.toLocaleString()} + {diff_1d > 0 + ? `+${diff_1d.toLocaleString()}` + : diff_1d.toLocaleString()} </p> <p className="text-xs sm:text-sm text-gray-400"> 24 Hour Change @@ -85,7 +87,9 @@ const ChannelCard: React.FC<ChannelCardProps> = ({ </div> <div> <p className="text-lg sm:text-xl font-bold text-white"> - {diff_7d.toLocaleString()} + {diff_7d > 0 + ? `+${diff_7d.toLocaleString()}` + : diff_7d.toLocaleString()} </p> <p className="text-xs sm:text-sm text-gray-400"> 7 Day Change @@ -93,7 +97,9 @@ const ChannelCard: React.FC<ChannelCardProps> = ({ </div> <div> <p className="text-lg sm:text-xl font-bold text-white"> - {diff_30d.toLocaleString()} + {diff_30d > 0 + ? `+${diff_30d.toLocaleString()}` + : diff_30d.toLocaleString()} </p> <p className="text-xs sm:text-sm text-gray-400"> 30 Day Change |