@taruvi/navkit 0.0.31 → 0.0.32

package/package.json

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

package/src/App.tsx

@@ -11,14 +11,13 @@ import taruviLogo from "./assets/taruvi-logo.png";
 import type { Client } from "@taruvi/sdk"
 
 const NavkitContent = () => {
-  const { isUserAuthenticated, siteSettings, appSettings, userData, appsList, jwtToken, themeMode } = useNavigation();
+  const { isUserAuthenticated, siteSettings, appSettings, appName, userData, jwtToken, themeMode } = useNavigation();
   const styles = getAppStyles(themeMode)
   const [showAppLauncher, setShowAppLauncher] = useState<boolean>(false)
   const [showProfileMenu, setShowProfileMenu] = useState<boolean>(false)
   const [showShortcutsMenu, setShowShortcutsMenu] = useState<boolean>(false)
   const [showChat, setShowChat] = useState<boolean>(false)
   const [isAppLauncherHovered, setIsAppLauncherHovered] = useState<boolean>(false);
-  console.log("testing cicd")
 
   return (
     <>
@@ -36,9 +35,9 @@ const NavkitContent = () => {
         <Toolbar sx={styles.toolbar}>
           <Box component={"a"} href="/" sx={styles.leftSection}>
             {appSettings?.icon ? <Box component="img" src={appSettings?.icon} sx={styles.logo} /> : <></>}
-            {appSettings?.displayName &&
+            {(appName || appSettings?.displayName) &&
               <Typography sx={styles.appName} onClick={() => (window.location.href = "/")}>
-                {appSettings.displayName.length > 40 ? `${appSettings.displayName.substring(0, 40)}...` : appSettings.displayName}
+                {(() => { const name = appName || appSettings!.displayName!; return name.length > 40 ? `${name.substring(0, 40)}...` : name })()}
               </Typography>
             }
           </Box>
@@ -112,12 +111,13 @@ const NavkitContent = () => {
 
 interface NavkitProps {
   client: Client
+  appName?: string
   getTheme?: (theme: 'light' | 'dark') => void
 }
 
-const Navkit = ({ client, getTheme }: NavkitProps) => {
+const Navkit = ({ client, getTheme, appName }: NavkitProps) => {
   return (
-    <NavkitProvider client={client} onThemeChange={getTheme}>
+    <NavkitProvider client={client} onThemeChange={getTheme} appName={appName}>
       <NavkitContent />
     </NavkitProvider>
   )

package/src/NavkitContext.tsx

@@ -19,7 +19,7 @@ const getInitialTheme = (): ThemeMode => {
 
 export const NavigationContext = createContext<NavigationContextType | undefined>(undefined)
 
-export const NavkitProvider = ({ children, client, onThemeChange }: NavkitProviderProps) => {
+export const NavkitProvider = ({ children, client, onThemeChange, appName }: NavkitProviderProps) => {
   const auth = new Auth(client)
 
   const user = useRef<any>(null)
@@ -161,7 +161,7 @@ export const NavkitProvider = ({ children, client, onThemeChange }: NavkitProvid
   }, [themeMode, onThemeChange])
 
   return (
-    <NavigationContext.Provider value={{ navigateToUrl, isDesk, appsList, userData, siteSettings: siteSettings.current, appSettings: appSettings.current, jwtToken, isUserAuthenticated, client, auth, themeMode, toggleTheme }}>
+    <NavigationContext.Provider value={{ navigateToUrl, isDesk, appsList, userData, siteSettings: siteSettings.current, appSettings: appSettings.current, appName, jwtToken, isUserAuthenticated, client, auth, themeMode, toggleTheme }}>
       {children}
     </NavigationContext.Provider>
   )

package/src/types.ts

@@ -60,6 +60,7 @@ export interface NavigationContextType {
   userData: UserData | null
   siteSettings: SiteSettings
   appSettings: AppSettings
+  appName?: string
   jwtToken: string
   isUserAuthenticated: boolean
   client: Client
@@ -72,4 +73,5 @@ export interface NavkitProviderProps {
   children: ReactNode
   client: Client
   onThemeChange?: (theme: ThemeMode) => void
+  appName?: string
 }