abner
/
for-legacy-web
mirror of https://github.com/stoatchat/for-legacy-web
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

spacing fix

pull/1066/head
Harish Vishwakarma 2024-12-04 09:14:49 +05:30
parent 49f81fdf14
commit 26dcd54d99
1 changed files with 41 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/common/user/UserBadges.tsx
View File

@ -6,17 +6,17 @@ import { Localizer, Text } from "preact-i18n";
import Tooltip from "../Tooltip";
enum Badges {
Developer = 1, // Developer
Translator = 2, // First 100 Members
Supporter = 4, // Supporter
ResponsibleDisclosure = 8, // Trusted Seller
Founder = 16, // Founder
PlatformModeration = 32, // Administrator
Developer = 1,
Translator = 2,
Supporter = 4,
ResponsibleDisclosure = 8,
Founder = 16,
PlatformModeration = 32,
ActiveSupporter = 64,
Paw = 128, // Clown
EarlyAdopter = 256, // Top Contributor
ReservedRelevantJokeBadge1 = 512, // Karen
ReservedRelevantJokeBadge2 = 1024, // Gump
Paw = 128,
EarlyAdopter = 256,
ReservedRelevantJokeBadge1 = 512,
ReservedRelevantJokeBadge2 = 1024,
}
const BadgesBase = styled.div`
@ -39,60 +39,75 @@ export default function UserBadges({ badges, uid }: Props) {
return (
<BadgesBase>
<Localizer>
{badges & Badges.Founder && (
{badges & Badges.Founder ? (
<Tooltip content="Founder">
<img src="/assets/badges/founder.svg" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.Developer && (
{badges & Badges.Developer ? (
<Tooltip content="Developer">
<img src="/assets/badges/developer.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.Translator && (
{badges & Badges.Translator ? (
<Tooltip content="First 100 Members">
<img src="/assets/badges/first_100_members.svg" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.EarlyAdopter && (
{badges & Badges.EarlyAdopter ? (
<Tooltip content="Top Contributor">
<img src="/assets/badges/top-contributor.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.PlatformModeration && (
{badges & Badges.PlatformModeration ? (
<Tooltip content="Administrator">
<img src="/assets/badges/administrator.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.ResponsibleDisclosure && (
{badges & Badges.ResponsibleDisclosure ? (
<Tooltip content="Trusted Seller">
<img src="/assets/badges/trusted-seller.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.Supporter && (
{badges & Badges.Supporter ? (
<Tooltip content="Supporter">
<img
src="/assets/badges/supporter.png"
style={{
cursor: "pointer",
}}
/>
<img src="/assets/badges/supporter.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.ReservedRelevantJokeBadge1 && (
{badges & Badges.ReservedRelevantJokeBadge1 ? (
<Tooltip content="Karen">
<img src="/assets/badges/karen.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.ReservedRelevantJokeBadge2 && (
{badges & Badges.ReservedRelevantJokeBadge2 ? (
<Tooltip content="Gump">
<img src="/assets/badges/gump.png" />
</Tooltip>
) : (
<></>
)}
{badges & Badges.Paw && (
{badges & Badges.Paw ? (
<Tooltip content="Clown">
<img src="/assets/badges/clown.png" />
</Tooltip>
) : (
<></>
)}
</Localizer>
</BadgesBase>