From 573b2b92deb657d3cb069891a292ed58b182c95e Mon Sep 17 00:00:00 2001
From: sirin <sirinza29@gmail.com>
Date: Wed, 30 Oct 2024 01:45:55 +0700
Subject: [PATCH] feat: add indicator for business account

---
 src/components/navigationBar/profileBar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/navigationBar/profileBar.tsx b/src/components/navigationBar/profileBar.tsx
index d464a0d..c04e2db 100644
--- a/src/components/navigationBar/profileBar.tsx
+++ b/src/components/navigationBar/profileBar.tsx
@@ -37,8 +37,11 @@ const AuthenticatedComponents = ({ uid }: { uid: string }) => {
   const displayValue = notifications >= 100 ? "..." : notifications;
   const { data } = useUserRole();
 
+  const businessClass =
+    data?.role === "business" ? "border-2 border-[#FFD700] bg-[#FFF8DC] dark:bg-[#4B3E2B] rounded-md p-1" : "";
+
   return (
-    <div className="flex gap-3 pl-2 items-center">
+    <div className={`flex gap-3 pl-2 items-center ${businessClass}`}>
       <Link href={"/notification"}>
         <div className="relative inline-block">
           <Bell className="h-6 w-6" />