@digilogiclabs/create-saas-app 1.6.3 → 1.6.5

package/src/templates/web/ui-auth-payments-video/template/src/components/shared/header.tsx

@@ -18,6 +18,26 @@ export function Header() {
   const networkInfo = useNetworkInfo();
   const isOnline = useOfflineState();
   
+  const projectName = "{{titleCaseName}}";
+  
+  const headerConfig = {
+    logo: {
+      text: projectName,
+      href: '/',
+      className: 'text-2xl font-bold flex items-center gap-2',
+      icon: <Play className="w-6 h-6" />
+    },
+    networkStatus: {
+      isOnline,
+      connectionType: networkInfo?.effectiveType,
+      showIndicator: true,
+      customLabels: {
+        online: 'Streaming Ready',
+        offline: 'Offline Mode'
+      }
+    }
+  };
+
   const handleSignOut = async () => {
     try {
       await signOut();
@@ -119,12 +139,7 @@ export function Header() {
       )}
 
       <ResponsiveHeader
-        logo={{
-          text: '{{titleCaseName}}',
-          href: '/',
-          className: 'text-2xl font-bold flex items-center gap-2',
-          icon: <Play className="w-6 h-6" />
-        }}
+        logo={headerConfig.logo}
         navigationItems={navigationItems}
         actions={authActions}
         showThemeToggle={true}
@@ -138,15 +153,7 @@ export function Header() {
             hapticFeedback={true}
           />
         }
-        networkStatus={{
-          isOnline,
-          connectionType: networkInfo?.effectiveType,
-          showIndicator: true,
-          customLabels: {
-            online: 'Streaming Ready',
-            offline: 'Offline Mode'
-          }
-        }}
+        networkStatus={headerConfig.networkStatus}
       />
     </>
   );