From 934ef8ab27dd63e9b06229bca0dbb83ea4d5913a Mon Sep 17 00:00:00 2001
From: = <akhilmhdh@gmail.com>
Date: Fri, 17 Jan 2025 17:38:35 +0530
Subject: [PATCH] feat: resolved plan text generator

---
 .../components/SidebarHeader/SidebarHeader.tsx       | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/layouts/OrganizationLayout/components/SidebarHeader/SidebarHeader.tsx b/frontend/src/layouts/OrganizationLayout/components/SidebarHeader/SidebarHeader.tsx
index 2412cff60..b2fe95420 100644
--- a/frontend/src/layouts/OrganizationLayout/components/SidebarHeader/SidebarHeader.tsx
+++ b/frontend/src/layouts/OrganizationLayout/components/SidebarHeader/SidebarHeader.tsx
@@ -9,18 +9,26 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "@app/components/v2";
-import { useOrganization } from "@app/context";
+import { useOrganization, useSubscription } from "@app/context";
 import { useGetOrganizations, useLogoutUser } from "@app/hooks/api";
+import { SubscriptionPlan } from "@app/hooks/api/types";
 import { AuthMethod } from "@app/hooks/api/users/types";
 
 type Prop = {
   onChangeOrg: (orgId: string) => void;
 };
 
+const getPlan = (subscription: SubscriptionPlan) => {
+  if (subscription.dynamicSecret) return "Enterprise Plan";
+  if (subscription.pitRecovery) return "Pro Plan";
+  return "Free Plan";
+};
+
 export const SidebarHeader = ({ onChangeOrg }: Prop) => {
   const { currentOrg } = useOrganization();
   const navigate = useNavigate();
   const { data: orgs } = useGetOrganizations();
+  const { subscription } = useSubscription();
 
   const logout = useLogoutUser();
   const logOutUser = async () => {
@@ -45,7 +53,7 @@ export const SidebarHeader = ({ onChangeOrg }: Prop) => {
               <div className="max-w-36 truncate text-ellipsis text-sm font-medium capitalize">
                 {currentOrg?.name}
               </div>
-              <div className="text-xs text-mineshaft-400">Free Plan</div>
+              <div className="text-xs text-mineshaft-400">{getPlan(subscription)}</div>
             </div>
             <FontAwesomeIcon icon={faSort} className="text-xs text-mineshaft-400" />
           </div>