Update reputation points and add test

bounswe · Dec 15, 2024 · 27fb4cc · 27fb4cc
1 parent 4742d69
commit 27fb4cc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/frontend/src/routes/profile.test.tsx b/frontend/src/routes/profile.test.tsx
@@ -66,6 +66,7 @@ describe("Profile component", () => {
           answerCount: 5,
           followersCount: 50,
           followingCount: 30,
+          reputationPoints: 75,
           bio: "This is John's bio",
           country: "US",
         },
@@ -87,6 +88,7 @@ describe("Profile component", () => {
     expect(screen.getByText("5")).toBeInTheDocument();
     expect(screen.getByText("50")).toBeInTheDocument();
     expect(screen.getByText("30")).toBeInTheDocument();
+    expect(screen.getByText("75")).toBeInTheDocument();
     expect(screen.getAllByText("Questions").length).toBeGreaterThan(1);
     expect(screen.getAllByText("Answers").length).toBeGreaterThan(1);
   });

diff --git a/frontend/src/routes/profile.tsx b/frontend/src/routes/profile.tsx
@@ -100,6 +100,10 @@ export default function Profile() {
               <div className="font-bold">{profile.followingCount}</div>
               <div className="text-sm text-gray-700">Following</div>
             </div>
+            <div>
+              <div className="font-bold">{profile.reputationPoints}</div>
+              <div className="text-sm text-gray-700">Reputation Points</div>
+            </div>
           </div>
         </div>
         <div className="flex items-center justify-between">
@@ -167,15 +171,6 @@ export default function Profile() {
             )
           )}
         </div>
-        {profile.reputationPoints && (
-          <div className="flex flex-col">
-            <div className="flex flex-wrap gap-2">
-              <span className="flex items-center gap-2">
-                <span><strong>Reputation Points:</strong> {profile.reputationPoints}</span>
-                </span>
-            </div>
-          </div>
-        )}
         {profile.followedTags && (
           <div className="flex flex-col">
             <div className="flex flex-wrap gap-2">