@digilogiclabs/create-saas-app 1.6.2 → 1.6.5

package/src/templates/web/ui-auth-payments-audio/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: <Music 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: <Music 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}
       />
     </>
   );

package/src/templates/web/ui-auth-payments-video/template/src/app/page.tsx

@@ -26,6 +26,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
   const [isRefreshing, setIsRefreshing] = useState(false)
+  
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "Video Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized video streaming app template uses SaaS Factory UI package v0.13.0 with video player components, authentication v1.0.0 and payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -108,17 +125,9 @@ export default function Home() {
         </div>
 
         <MobileHero
-          badge={{
-            text: "Video Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-first video streaming app template uses SaaS Factory UI package v0.13.0 with touch-optimized video player components, authentication v1.0.0 and payments integration."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "Start Watching",

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}
       />
     </>
   );