Skip to content
This repository has been archived by the owner on Aug 7, 2024. It is now read-only.

[Feature] Popular profiles to display profile view count #2579

Merged
merged 2 commits into from
Jan 2, 2023
Merged

[Feature] Popular profiles to display profile view count #2579

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6d0ac34
"Add Users Viewed Badge to the User Card in Popular Profile Page"
harsitagarwalla187 Jan 2, 2023
3c6cc25
Add Users Viewed Badge in User Card in Popular Profile Section
harsitagarwalla187 Jan 2, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 11 additions & 1 deletion components/user/UserCard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import Link from "next/link";
import ReactMarkdown from "react-markdown";

import { abbreviateNumber } from "js-abbreviation-number";
import FallbackImage from "../FallbackImage";

export default function UserCard({ profile }) {
Expand All @@ -18,6 +18,16 @@ export default function UserCard({ profile }) {
className="rounded-full"
fallback={profile.name}
/>
{profile.displayStatsPublic && (
<div class="relative">
<div
id="card-views"
className="absolute inline-block h-5 top-0 bottom-auto translate-x-2/4 rotate-0 skew-x-0 skew-y-0 scale-x-100 scale-y-100 py-1 px-1.5 text-xs leading-none text-center whitespace-nowrap align-baseline font-bold bg-orange-600 text-black rounded-full z-10"
>
{abbreviateNumber(profile.views)}
</div>
</div>
)}
</div>
<div>
<h3 className="text-xl justify-center text-center text-orange-600 font-bold mb-2">
Expand Down