@orsetra/shared-ui 1.1.34 → 1.1.36

package/components/layout/layout-container.tsx

@@ -66,13 +66,13 @@ function OrgProjectDropdown({
         className="flex items-center gap-2 h-9 px-3 text-sm text-text-primary hover:bg-ui-background transition-colors"
       >
         {org.logo ? (
-          <img src={org.logo} alt={org.nom} className="h-5 w-5 object-cover flex-shrink-0" />
+          <img src={org.logo} alt={org.name} className="h-5 w-5 object-cover flex-shrink-0" />
         ) : (
           <div className="h-5 w-5 bg-interactive flex items-center justify-center text-white text-[10px] font-bold flex-shrink-0">
-            {org.nom.charAt(0).toUpperCase()}
+            {org.name.charAt(0).toUpperCase()}
           </div>
         )}
-        <span className="font-medium">{org.nom}</span>
+        <span className="font-medium">{org.name}</span>
         <ChevronDown className={cn("h-3 w-3 text-text-secondary transition-transform duration-150", open && "rotate-180")} />
       </button>
 
@@ -103,7 +103,15 @@ function OrgProjectDropdown({
                     )}>{project.name}</span>
                     <span className="text-xs text-text-secondary truncate">{project.id}</span>
                   </div>
-                  <ChevronRight className="h-3.5 w-3.5 text-text-secondary flex-shrink-0 ml-2" />
+                  {isActive ? (
+                    <div className="h-5 w-5 bg-[#0f62fe] flex items-center justify-center flex-shrink-0 ml-2">
+                      <svg className="h-3 w-3 text-white" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                        <polyline points="2,6 5,9 10,3" />
+                      </svg>
+                    </div>
+                  ) : (
+                    <ChevronRight className="h-3.5 w-3.5 text-text-secondary flex-shrink-0 ml-2" />
+                  )}
                 </button>
               )
             })

package/components/layout/sidebar/data.tsx

@@ -43,7 +43,7 @@ export interface SidebarMenus {
 }
 
 export interface OrgInfo {
-  nom: string
+  name: string
   id: string
   logo?: string
 }

package/components/layout/sidebar/sidebar.tsx

@@ -295,16 +295,16 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
               {orgLoading ? (
                 <div className="h-14 w-14 bg-ui-background animate-pulse flex-shrink-0" />
               ) : orgData?.logo ? (
-                <img src={orgData.logo} alt={orgData.nom} className="h-14 w-14 object-cover flex-shrink-0" />
+                <img src={orgData.logo} alt={orgData.name } className="h-14 w-14 object-cover flex-shrink-0" />
               ) : (
                 <div className="h-14 w-14 bg-interactive flex items-center justify-center text-white text-2xl font-bold flex-shrink-0">
-                  {orgData?.nom?.charAt(0)?.toUpperCase() ?? 'O'}
+                  {orgData?.name?.charAt(0)?.toUpperCase() ?? 'O'}
                 </div>
               )}
               <div className="flex flex-col min-w-0 flex-1">
                 <span className="text-xs text-text-secondary uppercase tracking-wide mb-1">Organisation</span>
                 <span className="text-base font-semibold text-text-primary truncate">
-                  {orgLoading ? '…' : (orgData?.nom ?? 'Organisation')}
+                  {orgLoading ? '…' : (orgData?.name ?? 'Organisation')}
                 </span>
               </div>
               <ChevronRight className="h-4 w-4 text-text-secondary flex-shrink-0 opacity-40" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",