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 (#10)

pull/1073/head
Harish Vishwakarma 2024-12-04 09:16:08 +05:30 committed by GitHub
parent 49f81fdf14
commit d740c23b09
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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"; import Tooltip from "../Tooltip";
enum Badges { enum Badges {
Developer = 1, // Developer Developer = 1,
Translator = 2, // First 100 Members Translator = 2,
Supporter = 4, // Supporter Supporter = 4,
ResponsibleDisclosure = 8, // Trusted Seller ResponsibleDisclosure = 8,
Founder = 16, // Founder Founder = 16,
PlatformModeration = 32, // Administrator PlatformModeration = 32,
ActiveSupporter = 64, ActiveSupporter = 64,
Paw = 128, // Clown Paw = 128,
EarlyAdopter = 256, // Top Contributor EarlyAdopter = 256,
ReservedRelevantJokeBadge1 = 512, // Karen ReservedRelevantJokeBadge1 = 512,
ReservedRelevantJokeBadge2 = 1024, // Gump ReservedRelevantJokeBadge2 = 1024,
} }
const BadgesBase = styled.div` const BadgesBase = styled.div`
@ -39,60 +39,75 @@ export default function UserBadges({ badges, uid }: Props) {
return ( return (
<BadgesBase> <BadgesBase>
<Localizer> <Localizer>
{badges & Badges.Founder && ( {badges & Badges.Founder ? (
<Tooltip content="Founder"> <Tooltip content="Founder">
<img src="/assets/badges/founder.svg" /> <img src="/assets/badges/founder.svg" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.Developer && ( {badges & Badges.Developer ? (
<Tooltip content="Developer"> <Tooltip content="Developer">
<img src="/assets/badges/developer.png" /> <img src="/assets/badges/developer.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.Translator && ( {badges & Badges.Translator ? (
<Tooltip content="First 100 Members"> <Tooltip content="First 100 Members">
<img src="/assets/badges/first_100_members.svg" /> <img src="/assets/badges/first_100_members.svg" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.EarlyAdopter && ( {badges & Badges.EarlyAdopter ? (
<Tooltip content="Top Contributor"> <Tooltip content="Top Contributor">
<img src="/assets/badges/top-contributor.png" /> <img src="/assets/badges/top-contributor.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.PlatformModeration && ( {badges & Badges.PlatformModeration ? (
<Tooltip content="Administrator"> <Tooltip content="Administrator">
<img src="/assets/badges/administrator.png" /> <img src="/assets/badges/administrator.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.ResponsibleDisclosure && ( {badges & Badges.ResponsibleDisclosure ? (
<Tooltip content="Trusted Seller"> <Tooltip content="Trusted Seller">
<img src="/assets/badges/trusted-seller.png" /> <img src="/assets/badges/trusted-seller.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.Supporter && ( {badges & Badges.Supporter ? (
<Tooltip content="Supporter"> <Tooltip content="Supporter">
<img <img src="/assets/badges/supporter.png" />
src="/assets/badges/supporter.png"
style={{
cursor: "pointer",
}}
/>
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.ReservedRelevantJokeBadge1 && ( {badges & Badges.ReservedRelevantJokeBadge1 ? (
<Tooltip content="Karen"> <Tooltip content="Karen">
<img src="/assets/badges/karen.png" /> <img src="/assets/badges/karen.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.ReservedRelevantJokeBadge2 && ( {badges & Badges.ReservedRelevantJokeBadge2 ? (
<Tooltip content="Gump"> <Tooltip content="Gump">
<img src="/assets/badges/gump.png" /> <img src="/assets/badges/gump.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
{badges & Badges.Paw && ( {badges & Badges.Paw ? (
<Tooltip content="Clown"> <Tooltip content="Clown">
<img src="/assets/badges/clown.png" /> <img src="/assets/badges/clown.png" />
</Tooltip> </Tooltip>
) : (
<></>
)} )}
</Localizer> </Localizer>
</BadgesBase> </BadgesBase>