add placeholderView component

2026-04-10 18:17:16 +00:00
parent a487627020
commit 3c7b08ad6f
6 changed files with 44 additions and 28 deletions
@@ -6,6 +6,7 @@ import { BoardPage } from "./boardPage";
 import { BoardViewModelToEntry } from "../Components/boardEntry";
 import TaskPageViewModel from "../../ViewModel/Pages/taskPageViewModel";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import { PlaceholderView } from "../Components/placeholderView";

 export function TaskPage(
    coreViewModel: CoreViewModel,
@@ -23,15 +24,8 @@ export function TaskPage(
        () => {
            const selectedBoardId = taskPageViewModel.selectedBoardId.value;
            if (selectedBoardId == undefined) {
-                return (
-                    <div class="pane align-center justify-center">
-                        <span class="secondary">
-                            {
-                                coreViewModel.translations.chatPage.task
-                                    .noBoardSelected
-                            }
-                        </span>
-                    </div>
+                return PlaceholderView(
+                    coreViewModel.translations.chatPage.task.noBoardSelected,
                );
            }
            const selectedBoard =