refactor: rankings page

1 files changed, 22 insertions, 0 deletions

diff --git a/frontend/src/components/RankingEntry.tsx b/frontend/src/components/RankingEntry.tsx
new file mode 100644
index 0000000..b77bb3d
--- /dev/null
+++ b/frontend/src/components/RankingEntry.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link } from "react-router-dom";
+import { RankingType } from '../types/Ranking';
+
+interface RankingEntryProps {
+    curRankingData: RankingType;
+};
+
+const RankingEntry: React.FC<RankingEntryProps> = (curRankingData) => {
+    return (
+        <div className='leaderboard-entry'>
+            <span>{curRankingData.curRankingData.placement}</span>
+            <div>
+                <img src={curRankingData.curRankingData.user.avatar_link}></img>
+                <span>{curRankingData.curRankingData.user.user_name}</span>
+            </div>
+            <span>{curRankingData.curRankingData.total_score}</span>
+        </div>
+    )
+}
+
+export default RankingEntry;