warlock/callfi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prof_pic

Browse Source
This commit is contained in:
sewmina7@gmail.com 2024-06-24 12:31:14 +05:30
parent 001738c275
commit 10fbf72982
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/page.tsx
View File

@ -235,11 +235,24 @@ function Home() {
<div className="w-full p-4 flex flex-col items-center justify-center"> <div className="w-full p-4 flex flex-col items-center justify-center">
<div className="w-full max-w-4xl"> <div className="w-full max-w-4xl">
{leaderboardData.map((item) => ( {leaderboardData.map((item) => (
<motion.div key ="id" whileHover={{scale:1.1, transition:{duration:0.2}}}> <motion.div key="id" whileHover={{ scale: 1.1, transition: { duration: 0.2 } }}>
<div key={item["id"]} className={`leaderboard-card glassmorphism ${item["points"] >= 0 ? 'positive' : 'negative'} mx-auto mb-4`} onClick={() => openModal(item)}> <div
key={item["id"]}
className={`leaderboard-card glassmorphism ${item["points"] >= 0 ? 'positive' : 'negative'} mx-auto mb-4`}
onClick={() => openModal(item)}
>
<div className="flex items-center space-x-4">
<img
src={item["img_url"]}
alt={`${item["username"]}'s profile`}
className="w-12 h-12 rounded-full mr-4"
/>
<div>
<p className="text-center font-bold">{item["username"]}</p> <p className="text-center font-bold">{item["username"]}</p>
<p className="text-center">{parseFloat(item["points"]).toFixed(2)}x</p> <p className="text-center">{parseFloat(item["points"]).toFixed(2)}x</p>
</div> </div>
</div>
</div>
</motion.div> </motion.div>
))} ))}
</div> </div>