From 26dcd54d99168c5369a0b9c49eaee1387243fb17 Mon Sep 17 00:00:00 2001
From: Harish Vishwakarma <harishv.lpu@gmail.com>
Date: Wed, 4 Dec 2024 09:14:49 +0530
Subject: [PATCH] spacing fix

---
 src/components/common/user/UserBadges.tsx | 67 ++++++++++++++---------
 1 file changed, 41 insertions(+), 26 deletions(-)

diff --git a/src/components/common/user/UserBadges.tsx b/src/components/common/user/UserBadges.tsx
index 2d134e9c..e3ab847f 100644
--- a/src/components/common/user/UserBadges.tsx
+++ b/src/components/common/user/UserBadges.tsx
@@ -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>