@stoker-platform/web-app 0.5.99 → 0.5.101

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @stoker-platform/web-app
 
+## 0.5.101
+
+### Patch Changes
+
+- fix: hide Dashboard menu item when not needed
+
+## 0.5.100
+
+### Patch Changes
+
+- feat: add search-all to titles context parameter
+    - @stoker-platform/node-client@0.5.57
+    - @stoker-platform/utils@0.5.48
+    - @stoker-platform/web-client@0.5.57
+
 ## 0.5.99
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.99",
+    "version": "0.5.101",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {
@@ -51,9 +51,9 @@
         "@radix-ui/react-tooltip": "^1.2.8",
         "@react-google-maps/api": "^2.20.8",
         "@sentry/react": "^10.50.0",
-        "@stoker-platform/node-client": "0.5.56",
-        "@stoker-platform/utils": "0.5.47",
-        "@stoker-platform/web-client": "0.5.56",
+        "@stoker-platform/node-client": "0.5.57",
+        "@stoker-platform/utils": "0.5.48",
+        "@stoker-platform/web-client": "0.5.57",
         "@tanstack/react-table": "^8.21.3",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",

package/src/Record.tsx

@@ -129,6 +129,7 @@ export const Record = ({ collection }: { collection: CollectionSchema }) => {
                         async (data) => {
                             if (!data) {
                                 setRecord(undefined)
+                                setIsRouteLoading("-", location.pathname)
                                 return
                             }
                             if (!recordInitialised.current || liveUpdate || fieldLiveUpdate) {
@@ -160,6 +161,7 @@ export const Record = ({ collection }: { collection: CollectionSchema }) => {
                     })
                     if (!data) {
                         setRecord(undefined)
+                        setIsRouteLoading("-", location.pathname)
                         return
                     }
                     deserializeTimestamps(data)

package/src/SearchAllResults.tsx

@@ -11,6 +11,7 @@ import {
     getLoadingState,
     getSome,
     subscribeMany,
+    tryPromise,
 } from "@stoker-platform/web-client"
 import { Query } from "./Collection"
 import { QueryConstraint, where, WhereFilterOp } from "firebase/firestore"
@@ -166,12 +167,7 @@ export function SearchAllResults({ collection, search }: { collection: Collectio
 
     useEffect(() => {
         const initialize = async () => {
-            const collectionTitles = await getCachedConfigValue(customization, [
-                "collections",
-                labels.collection,
-                "admin",
-                "titles",
-            ])
+            const collectionTitles = await tryPromise(customization.admin?.titles, ["search-all"])
             setTitle(collectionTitles?.collection || labels.collection)
             const icon = await getCachedConfigValue(customization, ["collections", labels.collection, "admin", "icon"])
             setIcon(icon)

package/src/Tenant.tsx

@@ -12,7 +12,14 @@ import "./App.css"
 import { createElement, Suspense, useMemo, useEffect, useState, useCallback, useRef } from "react"
 import { Outlet, useNavigate, useLocation } from "react-router"
 import { collectionAccess, tryFunction } from "@stoker-platform/utils"
-import { Background, CollectionSchema, MenuGroup, MetaIcon, StokerCollection } from "@stoker-platform/types"
+import {
+    Background,
+    CollectionSchema,
+    DashboardItem,
+    MenuGroup,
+    MetaIcon,
+    StokerCollection,
+} from "@stoker-platform/types"
 import { useMode } from "./providers/ModeProvider"
 import {
     DropdownMenu,
@@ -107,6 +114,16 @@ function Tenant() {
         isGlobalCachePendingRef.current = isGlobalCachePending.size
     }, [isGlobalCachePending.size])
 
+    const dashboard = tryFunction(globalConfig.admin?.dashboard)
+    const hasDashboard = dashboard?.some((item: DashboardItem) => {
+        const collectionPermissions = permissions?.collections?.[item.collection]
+        if (!collectionPermissions) return false
+        return (
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            (!item.roles || item.roles?.includes(permissions.Role!)) && collectionAccess("Read", collectionPermissions)
+        )
+    })
+
     useEffect(() => {
         const getConfig = async () => {
             const appName = await getCachedConfigValue(globalConfig, ["global", "appName"])
@@ -166,6 +183,7 @@ function Tenant() {
                 ])
                 if (hidden) continue
                 if (collection.parentCollection) continue
+                if (!hasCollectionAccess(collection)) continue
 
                 sidebarMenu.push({
                     title: collectionName,
@@ -174,7 +192,6 @@ function Tenant() {
                 })
 
                 if (!collectionsGrouped.includes(collectionName)) {
-                    if (!hasCollectionAccess(collection)) continue
                     navbarMenu.push({
                         title: collectionName,
                         collections: [collectionName],
@@ -636,17 +653,19 @@ function Tenant() {
                         </SheetTrigger>
                         <SheetContent side="left" className="sm:max-w-xs overflow-y-auto">
                             <nav className="grid gap-6 text-lg font-medium pt-12">
-                                <button
-                                    className={
-                                        window.location.pathname === "/"
-                                            ? "flex items-center gap-4 px-2.5 text-foreground"
-                                            : "flex items-center gap-4 px-2.5 text-muted-foreground hover:text-foreground"
-                                    }
-                                    onClick={() => runViewTransition(() => navigate("/"))}
-                                >
-                                    <ChartBar className="h-5 w-5" />
-                                    Dashboard
-                                </button>
+                                {hasDashboard && (
+                                    <button
+                                        className={
+                                            window.location.pathname === "/"
+                                                ? "flex items-center gap-4 px-2.5 text-foreground"
+                                                : "flex items-center gap-4 px-2.5 text-muted-foreground hover:text-foreground"
+                                        }
+                                        onClick={() => runViewTransition(() => navigate("/"))}
+                                    >
+                                        <ChartBar className="h-5 w-5" />
+                                        Dashboard
+                                    </button>
+                                )}
                                 {sidebarMenu.map((group) => {
                                     if (group.collections.length === 1) {
                                         const className = "flex items-center gap-4 px-2.5 text-primary"