@luxfi/ui 5.3.19 → 5.3.21

package/components/header/desktop.tsx

@@ -16,17 +16,22 @@ const DesktopHeader: React.FC<{
   currentAs: string | undefined
   links: LinkDef[]
   className?: string
+  noAuth?: boolean
 }> = ({
   links,
-  className = ''
+  className = '',
+  noAuth=false
 }) => {
     const [isMenuOpened, setIsMenuOpen] = React.useState(false);
-    const opendMenuClass = isMenuOpened ? " h-full" : ""
 
     // TODO move 13px into a size class and configure twMerge to recognize say, 'text-size-nav' 
     // (vs be beat out by 'text-color-nav')
     return (
-      <header className={cn('bg-[rgba(0, 0, 0, 0.5)] !backdrop-blur-3xl fixed z-header top-0 left-0 right-0', className, opendMenuClass)} >
+      <header className={cn(
+        'bg-[rgba(0, 0, 0, 0.5)] !backdrop-blur-3xl fixed z-header top-0 left-0 right-0', 
+        className, 
+        isMenuOpened ? ' h-full' : ''
+      )} >
         {/* md or larger */}
         <div className={
           'flex flex-row h-[80px] items-center justify-between ' +
@@ -40,7 +45,7 @@ const DesktopHeader: React.FC<{
           </div>
           <div className='flex items-center'>
             <DesktopBagPopup popupClx='w-[340px]' trigger={<BagButton className='text-primary -mr-[3px] lg:min-w-0' />} />
-            <AuthWidget />
+            <AuthWidget noLogin={noAuth}/>
           </div>
         </div>
       </header>

package/components/header/index.tsx

@@ -19,24 +19,22 @@ const Header: React.FC<{
     // TODO
     const [open, setOpen] = React.useState<boolean>(false);
 
-    const { nav: { common, featured }, currentAs } = siteDef
+    const { nav: { common, featured }, currentAs, noAuth } = siteDef
     const links = (featured) ? [...common, ...featured] : common
-    const isDesktopView = (): boolean => {
-      if (typeof window === 'undefined') return false 
-      return window.innerWidth > 768 
-    }
 
     return (<>
       <DesktopHeader
         className={cn(className, 'hidden md:flex')}
         links={links}
         currentAs={currentAs}
+        noAuth={noAuth}
       />
       <MobileHeader
         className={cn(className, 'md:hidden')}
         links={links}
         currentAs={currentAs}
         setChatbotOpen={setOpen}
+        noAuth={noAuth}
       />
     </>)
   }

package/components/header/mobile.tsx

@@ -26,11 +26,13 @@ const MobileHeader: React.FC<{
   links: LinkDef[]
   className?: string,
   setChatbotOpen: (open: boolean) => void,
+  noAuth?: boolean
 }> = ({
   currentAs,
   links,
   className = '',
   setChatbotOpen,
+  noAuth=false // :aa TODO
 }) => {
     const cmmc = useCommerce()
     const [menuState, setMenuState] = useState<'closed' | 'nav' | 'login' | 'bag'>('closed')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "5.3.19",
+  "version": "5.3.21",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/types/site-def.ts

@@ -38,6 +38,9 @@ interface SiteDef {
 
   commerce?: CommerceConfig
   chatbot?: ChatbotConfig
+
+    // Do not render login / avatar widget
+  noAuth?: boolean
 }
 
 export { type SiteDef as default }