From 045ba704360dd7da56f46922e2c484e460efb3d9 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Fri, 23 Aug 2024 19:22:10 +0500
Subject: [PATCH] feat: add user rating

---
 app/components/Profile/Profile.User.tsx | 14 +++++++++++++-
 app/pages/Profile.tsx                   | 25 ++++++++++++++-----------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/app/components/Profile/Profile.User.tsx b/app/components/Profile/Profile.User.tsx
index d43ccb0..27a30c8 100644
--- a/app/components/Profile/Profile.User.tsx
+++ b/app/components/Profile/Profile.User.tsx
@@ -31,6 +31,7 @@ export const ProfileUser = (props: {
       color: string;
     }[];
   };
+  rating: number;
 }) => {
   const router = useRouter();
   console.log(props.chips);
@@ -76,7 +77,18 @@ export const ProfileUser = (props: {
         color={props.isOnline ? "success" : "light"}
       >
         <div className="space-y-1 text-2xl font-medium whitespace-pre-wrap dark:text-white">
-          <div className="text-center sm:text-left">{props.login}</div>
+          <div className="text-center sm:text-left">
+            {props.login}{" "}
+            <span
+              className={`border rounded-md px-2 py-1 text-sm ${
+                props.rating > 0
+                  ? "border-green-500 text-green-500"
+                  : "border-red-500 text-red-500"
+              }`}
+            >
+              {props.rating}
+            </span>
+          </div>
           <div className="text-sm text-gray-500 whitespace-pre-wrap sm:text-md dark:text-gray-400 ">
             {props.status}
           </div>
diff --git a/app/pages/Profile.tsx b/app/pages/Profile.tsx
index b031839..2866ee7 100644
--- a/app/pages/Profile.tsx
+++ b/app/pages/Profile.tsx
@@ -94,7 +94,11 @@ export const ProfilePage = (props: any) => {
         />
         <ProfilePrivacyBanner is_privacy={isPrivacy} />
       </div>
-      <div className="mt-4">
+      <div
+        className={
+          isPrivacy || user.is_banned || user.is_perm_banned ? "mt-4" : ""
+        }
+      >
         <ProfileUser
           isOnline={user.is_online}
           avatar={user.avatar}
@@ -105,16 +109,15 @@ export const ProfilePage = (props: any) => {
             hasSocials: hasSocials,
             socials: socials,
           }}
-          chips={
-            {
-              hasChips: hasChips,
-              isMyProfile: isMyProfile,
-              isVerified: user.is_verified,
-              isSponsor: user.is_sponsor,
-              isBlocked: user.is_blocked,
-              roles: user.roles
-            }
-          }
+          chips={{
+            hasChips: hasChips,
+            isMyProfile: isMyProfile,
+            isVerified: user.is_verified,
+            isSponsor: user.is_sponsor,
+            isBlocked: user.is_blocked,
+            roles: user.roles,
+          }}
+          rating={user.rating_score}
         />
       </div>
     </>