t1c.dev
forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 馃幍
tsiry-sandratraina.com
1import numeral from "numeral";
2import { FC } from "react";
3import { Text, View } from "react-native";
4
5export type StatsProps = {
6 scrobbles: number;
7 artists: number;
8 lovedTracks: number;
9};
10
11const Stats: FC<StatsProps> = (props) => {
12 const { scrobbles, artists, lovedTracks } = props;
13 return (
14 <View className="flex flex-row items-center">
15 <View>
16 <Text className="font-rockford-regular text-[#A0A0A0]">SCROBBLES</Text>
17 <Text className="font-rockford-regular text-white text-[18px]">
18 {numeral(scrobbles).format("0,0")}
19 </Text>
20 </View>
21 <View className="ml-[10px]">
22 <Text className="font-rockford-regular text-[#A0A0A0] ">ARTISTS</Text>
23 <Text className="font-rockford-regular text-white text-[18px]">
24 {numeral(artists).format("0,0")}
25 </Text>
26 </View>
27 <View className="ml-[10px]">
28 <Text className="font-rockford-regular text-[#A0A0A0]">
29 LOVED TRACKS
30 </Text>
31 <Text className="font-rockford-regular text-white text-[18px]">
32 {numeral(lovedTracks).format("0,0")}
33 </Text>
34 </View>
35 </View>
36 );
37};
38
39export default Stats;