@taruvi/navkit 0.0.26 → 0.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taruvi/navkit",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "main": "src/App.tsx",
   "type": "module",
   "scripts": {
@@ -46,6 +46,6 @@
     "vite": "^7.1.7"
   },
   "dependencies": {
-    "@taruvi/sdk": "^1.2.8"
+    "@taruvi/sdk": "^1.3.4-beta.0"
   }
 }

package/src/App.tsx

@@ -43,6 +43,7 @@ const NavkitContent = () => {
           </Box>
           <Box component={"div"} sx={styles.rightSection}>
             <Shortcuts showChat={setShowChat} onMenuToggle={() => setShowShortcutsMenu(!showShortcutsMenu)} />
+            {isUserAuthenticated && userData && <Profile userData={userData} onClick={() => setShowProfileMenu(!showProfileMenu)} />}
             <Box
               onClick={() => {
                 if (isUserAuthenticated) {
@@ -69,7 +70,6 @@ const NavkitContent = () => {
                 <Box component="img" src={taruviLogo} sx={styles.appLauncherLogo} />
               )}
             </Box>
-            {isUserAuthenticated && userData && <Profile userData={userData} onClick={() => setShowProfileMenu(!showProfileMenu)} />}
           </Box>
         </Toolbar>
       </AppBar>

package/src/NavkitContext.tsx

@@ -97,9 +97,9 @@ export const NavkitProvider = ({ children, client, onThemeChange }: NavkitProvid
       // App settings not available, continue without app settings
     }
 
-    siteSettings.current = fetchedSettings
+    siteSettings.current = fetchedSettings?.data ?? fetchedSettings
     if (isUserAuthenticated) {
-      const userDataResponse = await user.current.getUserData?.()
+      const userDataResponse = await auth.getCurrentUser()
       setUserData(userDataResponse?.data || null)
 
       // Fetch user apps using username from userData

package/src/components/AppLauncher/AppLauncher.tsx

@@ -3,7 +3,7 @@ import type { AppData } from "../../types"
 import Search from "../Search/Search"
 import { Card, Box, Grid, Typography } from "@mui/material"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { findIconDefinition, library, type IconName } from "@fortawesome/fontawesome-svg-core"
+import { findIconDefinition, type IconName } from "@fortawesome/fontawesome-svg-core"
 import { useNavigation } from "../../NavkitContext"
 import { getAppLauncherStyles } from "./AppLauncher.styles"
 
@@ -37,7 +37,7 @@ const AppLauncher = () => {
     return (
         <Card sx={styles.container}>
             <Search appsList={appsList} onSearchChange={handleSearchChange} />
-            {filteredApps && filteredApps.length > 0 ? (
+            {filteredApps && filteredApps.length > 0 && (
                 <Box sx={styles.scrollContainer}>
                     <Grid container spacing={0}>
                         {filteredApps.map((app) => {
@@ -83,12 +83,6 @@ const AppLauncher = () => {
                         })}
                     </Grid>
                 </Box>
-            ) : (
-                <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', padding: '40px 16px' }}>
-                    <Typography sx={{ color: styles.appName?.color || '#9e9e9e', fontSize: '0.875rem' }}>
-                        No apps available
-                    </Typography>
-                </Box>
             )}
         </Card>
     )

package/src/components/Profile/Profile.styles.ts

@@ -31,7 +31,7 @@ export const profileStyles = {
     position: 'absolute' as const,
     top: 60,
     right: 0,
-    width: 250,
+    width: 200,
     borderRadius: borderRadius.default,
     boxShadow: shadows.dropdown,
     backgroundColor: colours.bg.white,
@@ -70,7 +70,7 @@ export const getProfileStyles = (mode: ThemeMode) => {
       display: 'flex',
       alignItems: 'center',
       gap: spacing.sm,
-      // ml: spacing.md,
+      ml: spacing.md,
       cursor: 'pointer',
     },
     avatar: {
@@ -92,7 +92,7 @@ export const getProfileStyles = (mode: ThemeMode) => {
       position: 'absolute' as const,
       top: 60,
       right: 0,
-      width: 250,
+      width: 200,
       borderRadius: borderRadius.default,
       boxShadow: themeShadows.dropdown,
       backgroundColor: colors.bg.white,

package/src/components/Profile/ProfileMenu.tsx

@@ -1,4 +1,4 @@
-import { Avatar, Box, Card, Divider, MenuItem, Typography } from '@mui/material'
+import { Box, Card, Divider, MenuItem, Typography } from '@mui/material'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import DarkModeOutlined from '@mui/icons-material/DarkModeOutlined'
 import LightModeOutlined from '@mui/icons-material/LightModeOutlined'
@@ -19,10 +19,7 @@ const ProfileMenu = () => {
 
     return (
         <Card sx={styles.menu}>
-            <Box sx={{ px: 2, py: 1.5, display: 'flex', alignItems: 'center', gap: 1.5 }}>
-                {userData?.icon_url && (
-                    <Avatar src={userData.icon_url} sx={{ width: 32, height: 32, maxWidth: 32, borderRadius: '50%' }} />
-                )}
+            <Box sx={{ px: 2, py: 1.5 }}>
                 <Typography sx={{ fontWeight: 600, color: styles.menuItemText.color }}>
                     {userData?.full_name}
                 </Typography>

package/src/types.ts

@@ -25,17 +25,16 @@ export interface UserData {
   last_name?: string
   full_name?: string
   pfp?: string
-  icon_url?: string
   is_active?: boolean
   is_staff?: boolean
   is_superuser?: boolean
   is_deleted?: boolean
   date_joined?: string
   last_login?: string
-  groups?: string[]
-  user_permissions?: string[]
+  groups?: { id: number; name: string }[]
+  user_permissions?: { id: number; name: string; codename: string; content_type: string }[]
   attributes?: Record<string, unknown>
-  missing_attributes?: Record<string, unknown>
+  missing_attributes?: string[]
   roles?: UserRole[]
 }
 

package/tsconfig.app.json

@@ -18,11 +18,12 @@
 
     /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "erasableSyntaxOnly": false,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["node_modules"]
 }