add placeholder view for kanban

dist/index.js

@@ -489,7 +489,6 @@
     viewNotes: "Notes",
     viewKanban: "Kanban",
     noObjects: "No objects",
-    noNotes: "No notes",
     objectTitle: "Object title",
     objectTitlePlaceholder: "My object",
     objectVersion: "Object version",
@@ -576,7 +575,6 @@
       viewNotes: "Notas",
       viewKanban: "Kanban",
       noObjects: "Sin objetos",
-      noNotes: "Sin notas",
       objectTitle: "T\xEDtulo",
       objectTitlePlaceholder: "Mi objeto",
       objectVersion: "Version del objeto",
@@ -661,7 +659,6 @@
       viewNotes: "Notizen",
       viewKanban: "Kanban",
       noObjects: "Keine Objekte",
-      noNotes: "Keine Notizen",
       objectTitle: "Titel",
       objectTitlePlaceholder: "Mein Objekt",
       objectVersion: "Version des Objekts",
@@ -1428,8 +1425,13 @@
     );
   }
 
+  // src/Views/Objects/placeholderView.tsx
+  function PlaceholderView() {
+    return /* @__PURE__ */ createElement("div", { class: "flex-column width-100 height-100 align-center justify-center secondary" }, translation.noObjects);
+  }
+
   // src/Views/Objects/objectGridView.tsx
-  function ObjectGridView(chat, messageObjects, selectedObject, isShowingObjectModal, placeholderText) {
+  function ObjectGridView(chat, messageObjects, selectedObject, isShowingObjectModal) {
     const objectConverter = (messageObject) => {
       return ObjectEntryView(
         chat,
@@ -1438,7 +1440,7 @@
         isShowingObjectModal
       );
     };
-    return messageObjects.value.size == 0 ? /* @__PURE__ */ createElement("div", { class: "flex-column width-100 height-100 align-center justify-center secondary" }, placeholderText) : /* @__PURE__ */ createElement(
+    return messageObjects.value.size == 0 ? PlaceholderView() : /* @__PURE__ */ createElement(
       "div",
       {
         class: "width-100 grid gap padding scroll-v",
@@ -1456,8 +1458,7 @@
         chat,
         chat.objects,
         selectedObject,
-        isShowingObjectModal,
-        translation.noObjects
+        isShowingObjectModal
       )
     );
     return /* @__PURE__ */ createElement("div", { class: "width-100 height-100", "children:set": content });
@@ -1477,9 +1478,12 @@
         boards.value.get(boardTitle)?.items.push(messageObject);
       });
     });
-    const content = createProxyState([chat.objects], () => /* @__PURE__ */ createElement("div", { class: "flex-row large-gap width-100 height-100 scroll-v scroll-h padding" }, ...[...boards.value.values()].sort((a, b) => a.title.localeCompare(b.title)).map(
-      (board) => KanbanBoardView(chat, board, selectedObject, isShowingObjectModal)
-    )));
+    const content = createProxyState(
+      [chat.objects],
+      () => boards.value.size == 0 ? PlaceholderView() : /* @__PURE__ */ createElement("div", { class: "flex-row large-gap width-100 height-100 scroll-v scroll-h padding" }, ...[...boards.value.values()].sort((a, b) => a.title.localeCompare(b.title)).map(
+        (board) => KanbanBoardView(chat, board, selectedObject, isShowingObjectModal)
+      ))
+    );
     return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-no", "children:set": content });
   }
   function KanbanBoardView(chat, kanbanBoard, selectedObject, isShowingObjectModal) {
@@ -1534,8 +1538,7 @@
         chat,
         notes,
         selectedObject,
-        isShowingObjectModal,
-        translation.noNotes
+        isShowingObjectModal
       )
     );
     return /* @__PURE__ */ createElement("div", { class: "width-100 height-100", "children:set": content });

src/Views/Objects/allObjectsView.tsx

@@ -15,8 +15,7 @@ export function AllObjectsView(
       chat,
       chat.objects,
       selectedObject,
-      isShowingObjectModal,
-      translation.noObjects
+      isShowingObjectModal
     )
   );
 

src/Views/Objects/kanbanView.tsx

@@ -4,6 +4,7 @@ import { Chat, MessageObject } from "../../Model/chatModel";
 
 import { ObjectEntryView } from "./objectEntryView";
 import { ObjectGridView } from "./objectGridView";
+import { PlaceholderView } from "./placeholderView";
 import { translation } from "../../translations";
 
 interface KanbanBoard {
@@ -33,15 +34,19 @@ export function KanbanView(
     });
   });
 
-  const content = React.createProxyState([chat.objects], () => (
-    <div class="flex-row large-gap width-100 height-100 scroll-v scroll-h padding">
-      {...[...boards.value.values()]
-        .sort((a, b) => a.title.localeCompare(b.title))
-        .map((board) =>
-          KanbanBoardView(chat, board, selectedObject, isShowingObjectModal)
-        )}
-    </div>
-  ));
+  const content = React.createProxyState([chat.objects], () =>
+    boards.value.size == 0 ? (
+      PlaceholderView()
+    ) : (
+      <div class="flex-row large-gap width-100 height-100 scroll-v scroll-h padding">
+        {...[...boards.value.values()]
+          .sort((a, b) => a.title.localeCompare(b.title))
+          .map((board) =>
+            KanbanBoardView(chat, board, selectedObject, isShowingObjectModal)
+          )}
+      </div>
+    )
+  );
 
   return (
     <div class="width-100 height-100 scroll-no" children:set={content}></div>

src/Views/Objects/noteObjectsView.tsx

@@ -26,8 +26,7 @@ export function NoteObjectsView(
       chat,
       notes,
       selectedObject,
-      isShowingObjectModal,
-      translation.noNotes
+      isShowingObjectModal
     )
   );
 

src/Views/Objects/objectGridView.tsx

@@ -3,6 +3,7 @@ import * as React from "bloatless-react";
 import { Chat, MessageObject } from "../../Model/chatModel";
 
 import { ObjectEntryView } from "./objectEntryView";
+import { PlaceholderView } from "./placeholderView";
 
 export function ObjectGridView(
   chat: Chat,
@@ -10,8 +11,7 @@ export function ObjectGridView(
     | React.ListState<MessageObject>
     | React.MapState<MessageObject>,
   selectedObject: React.State<MessageObject | undefined>,
-  isShowingObjectModal: React.State<boolean>,
-  placeholderText: string
+  isShowingObjectModal: React.State<boolean>
 ) {
   const objectConverter: React.StateItemConverter<MessageObject> = (
     messageObject
@@ -25,9 +25,7 @@ export function ObjectGridView(
   };
 
   return messageObjects.value.size == 0 ? (
-    <div class="flex-column width-100 height-100 align-center justify-center secondary">
-      {placeholderText}
-    </div>
+    PlaceholderView()
   ) : (
     <div
       class="width-100 grid gap padding scroll-v"

src/Views/Objects/placeholderView.tsx

@@ -0,0 +1,9 @@
+import * as React from "bloatless-react";
+
+import { translation } from "../../translations";
+
+export function PlaceholderView() {
+  return <div class="flex-column width-100 height-100 align-center justify-center secondary">
+    {translation.noObjects}
+  </div>;
+}

src/translations.ts

@@ -91,7 +91,6 @@ const englishTranslations = {
   viewKanban: "Kanban",
 
   noObjects: "No objects",
-  noNotes: "No notes",
 
   objectTitle: "Object title",
   objectTitlePlaceholder: "My object",
@@ -205,7 +204,6 @@ const allTranslations: { [key: string]: typeof englishTranslations } = {
     viewKanban: "Kanban",
 
     noObjects: "Sin objetos",
-    noNotes: "Sin notas",
 
     objectTitle: "Título",
     objectTitlePlaceholder: "Mi objeto",
@@ -316,7 +314,6 @@ const allTranslations: { [key: string]: typeof englishTranslations } = {
     viewKanban: "Kanban",
 
     noObjects: "Keine Objekte",
-    noNotes: "Keine Notizen",
 
     objectTitle: "Titel",
     objectTitlePlaceholder: "Mein Objekt",