426 emtpy screen notes events

assets/js/src/core/modules/asset/editor/shared-tab-manager/tabs/notes-and-events/notes-and-events-view.style.tsx

@@ -31,21 +31,19 @@ export const useStyles = createStyles(({ token, css }) => {
       .notes-container {
         display: flex;
         flex-direction: column;
+        flex-grow: 1;
         width: ${notesAndEventsToken.notesContainerWidth}px;
       }
 
       & .notes-content {
         display: flex;
         flex-direction: column;
-        align-items: flex-start;
         overflow: auto;
-
         height: 100%;
       }
 
       & .notes-content__header {
         padding: ${token.paddingXS}px ${notesAndEventsToken.paddingSM}px;
-
         display: flex;
         align-items: center;
         gap: ${notesAndEventsToken.paddingSM}px;
@@ -54,12 +52,17 @@ export const useStyles = createStyles(({ token, css }) => {
       & .notes-content__text {
         color: ${token.colorPrimary};
         margin: 0;
+        font-weight: 600;
       }
 
       & .notes-content__details {
-        width: 100%;
         padding: 0 ${token.paddingXS}px;
-      }
+      } 
+
+      & .notes-content__empty-container {
+        align-content: center;
+        height: 100%;
+        }
 
       & .notes-card {
         margin-bottom: ${token.marginXS}px;

assets/js/src/core/modules/asset/editor/shared-tab-manager/tabs/notes-and-events/notes-and-events-view.tsx

@@ -13,7 +13,9 @@
 
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { useStyles } from '@Pimcore/modules/asset/editor/shared-tab-manager/tabs/notes-and-events/notes-and-events-view.style'
+import {
+  useStyles
+} from '@Pimcore/modules/asset/editor/shared-tab-manager/tabs/notes-and-events/notes-and-events-view.style'
 import { Button, Input, Select } from 'antd'
 import {
   type Note
@@ -25,6 +27,7 @@ import { useModal } from '@Pimcore/components/modal/useModal'
 import { ModalFooter } from '@Pimcore/components/modal/footer/modal-footer'
 import TextArea from 'antd/es/input/TextArea'
 import { respectLineBreak } from '@Pimcore/utils/helpers'
+import { NoContent } from '@Pimcore/components/no-content/no-content'
 
 interface NotesAndEventsTabViewProps {
   notes: Note[]
@@ -139,9 +142,18 @@ export const NotesAndEventsTabView = ({
             </Button>
             {modal}
           </div>
-          <div className={ 'notes-content__details' }>
-            {NotesAndEvents}
-          </div>
+          {notes.length > 0
+            ? (
+              <div className={ 'notes-content__details' }>
+                {NotesAndEvents}
+              </div>
+              )
+            : (
+              <div className={ 'notes-content__empty-container' }>
+                <NoContent text={ t('notes-and-events.no-notes-and-events-to-show') } />
+              </div>
+              )
+          }
         </div>
         <div className={ 'notes-container__pagination-container' }>
           <div className={ 'notes-container__pagination' }>

public/build/2f6184a0-538b-439a-9787-83e6d5d970de/entrypoints.json

@@ -0,0 +1,12 @@
+{
+  "entrypoints": {
+    "core-dll": {
+      "css": [
+        "/bundles/pimcorestudioui/build/2f6184a0-538b-439a-9787-83e6d5d970de/core-dll.css"
+      ],
+      "js": [
+        "/bundles/pimcorestudioui/build/2f6184a0-538b-439a-9787-83e6d5d970de/core-dll.js"
+      ]
+    }
+  }
+}

public/build/d0bfda6d-2190-4d5a-aa78-077c95a8642d/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "main": {
+      "js": [
+        "/bundles/pimcorestudioui/build/d0bfda6d-2190-4d5a-aa78-077c95a8642d/main.js"
+      ]
+    }
+  }
+}

public/build/d0bfda6d-2190-4d5a-aa78-077c95a8642d/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/d0bfda6d-2190-4d5a-aa78-077c95a8642d/main.js": "/bundles/pimcorestudioui/build/d0bfda6d-2190-4d5a-aa78-077c95a8642d/main.js"
+}

public/build/ef886b22-0899-4148-b13b-cd4b989c8158/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "vendor": {
+      "js": [
+        "/bundles/pimcorestudioui/build/ef886b22-0899-4148-b13b-cd4b989c8158/vendor.js"
+      ]
+    }
+  }
+}

public/build/ef886b22-0899-4148-b13b-cd4b989c8158/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/ef886b22-0899-4148-b13b-cd4b989c8158/vendor.js": "/bundles/pimcorestudioui/build/ef886b22-0899-4148-b13b-cd4b989c8158/vendor.js"
+}

translations/studio.en.yaml

@@ -168,6 +168,7 @@ notes-and-events.seo: seo
 notes-and-events.warning: warning
 notes-and-events.notice: notice
 notes-and-events.erp_import: erp_import
+notes-and-events.no-notes-and-events-to-show: There are no notes or events to show.
 add: Add
 save: Save
 type: Type