@taruvi/navkit 0.0.40 → 0.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taruvi/navkit",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "main": "src/App.tsx",
   "type": "module",
   "scripts": {

package/src/App.tsx

@@ -13,9 +13,9 @@ import taruviLogoWhite from "./assets/taruvi-logo-white.png";
 import type { Client } from "@taruvi/sdk"
 
 const NavkitContent = () => {
-  const { isUserAuthenticated, siteSettings, appSettings, appName, userData, jwtToken, themeMode } = useNavigation();
+  const { isUserAuthenticated, siteSettings, appSettings, appSettingsLoaded, appName, userData, jwtToken, themeMode } = useNavigation();
   const resolvedAppName = appName || appSettings?.displayName
-  const showTaruviLogo = !resolvedAppName && !appSettings?.icon
+  const showTaruviLogo = appSettingsLoaded && !resolvedAppName && !appSettings?.icon
   const styles = getAppStyles(themeMode)
   const [showAppLauncher, setShowAppLauncher] = useState<boolean>(false)
   const [showProfileMenu, setShowProfileMenu] = useState<boolean>(false)
@@ -40,7 +40,7 @@ const NavkitContent = () => {
           <Box component={"a"} href="/" sx={styles.leftSection}>
             {showTaruviLogo ? (
               <Box component="img" src={taruviLogoWhite} sx={styles.taruviSpaceLogo} />
-            ) : (
+            ) : appSettingsLoaded ? (
               <>
                 {appSettings?.icon ? <Box component="img" src={appSettings?.icon} sx={styles.logo} /> : <></>}
                 {resolvedAppName &&
@@ -49,7 +49,7 @@ const NavkitContent = () => {
                   </Typography>
                 }
               </>
-            )}
+            ) : null}
           </Box>
           <Box component={"div"} sx={styles.rightSection}>
             <Shortcuts showChat={setShowChat} onMenuToggle={() => setShowShortcutsMenu(!showShortcutsMenu)} />

package/src/NavkitContext.tsx

@@ -32,6 +32,7 @@ export const NavkitProvider = ({ children, client, onThemeChange, appName }: Nav
     enableDarkMode: false,
   })
   const [appSettings, setAppSettings] = useState<AppSettings>({})
+  const [appSettingsLoaded, setAppSettingsLoaded] = useState<boolean>(false)
 
   const [isDesk, setIsDesk] = useState<boolean>(false)
   const [appsList, setAppsList] = useState<AppData[]>([])
@@ -86,6 +87,7 @@ export const NavkitProvider = ({ children, client, onThemeChange, appName }: Nav
 
     // Fetch app settings to get the app name
     try {
+      setAppSettingsLoaded(false)
       const { data } = appName ? { data: { display_name: appName } } : await new App(client).settings().execute() as { data: { display_name?: string, icon?: string, primary_color?: string, secondary_color?: string } }
       setAppSettings({
         displayName: data?.display_name,
@@ -95,6 +97,9 @@ export const NavkitProvider = ({ children, client, onThemeChange, appName }: Nav
       })
     } catch {
       // App settings not available, continue without app settings
+      setAppSettings({})
+    } finally {
+      setAppSettingsLoaded(true)
     }
 
     const rawSettings = (fetchedSettings?.data ?? fetchedSettings)?.settings ?? {}
@@ -169,7 +174,7 @@ export const NavkitProvider = ({ children, client, onThemeChange, appName }: Nav
   }, [themeMode, onThemeChange])
 
   return (
-    <NavigationContext.Provider value={{ navigateToUrl, isDesk, appsList, userData, siteSettings: siteSettings.current, appSettings, appName, jwtToken, isUserAuthenticated, client, auth, themeMode, toggleTheme }}>
+    <NavigationContext.Provider value={{ navigateToUrl, isDesk, appsList, userData, siteSettings: siteSettings.current, appSettings, appSettingsLoaded, appName, jwtToken, isUserAuthenticated, client, auth, themeMode, toggleTheme }}>
       {children}
     </NavigationContext.Provider>
   )

package/src/types.ts

@@ -34,6 +34,7 @@ export interface NavigationContextType {
   userData: UserData | null
   siteSettings: SiteSettings
   appSettings: AppSettings
+  appSettingsLoaded: boolean
   appName?: string
   jwtToken: string
   isUserAuthenticated: boolean