@vonaffenfels/contentful-teasermanager 1.0.37 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.0.37",
+    "version": "1.0.39",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -98,7 +98,7 @@
         "@vonaffenfels/slate-editor": "^1.0.35",
         "webpack": "5.88.2"
     },
-    "gitHead": "d615f4feaf8cd8d3f04c0f102887cac6f5e0659f",
+    "gitHead": "b0d5a3885e533ce76b5dcbd962125ceee42c073a",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Contentful/Dialog/NewestArticles.js

@@ -123,11 +123,26 @@ export const NewestArticles = ({
             <EntityList>
                 {loading && <Spinner/>}
                 {!loading && data.items.map((entry) => {
+                    const isCurrentlySelectedInOtherSlot = !! Object.keys(slotState || {}).find(slot => slotState[slot] === entry.sys.id && slot !== slotId);
+                    const isCurrentlySelectedInSlot =  !!Object.keys(slotState || {}).find(slot => slotState[slot] === entry.sys.id && slot === slotId);
+
+                    let status = "draft";
+                    if (entry.sys.publishedAt) {
+                        status = "published";
+                    }
+
+                    let description = "";
+                    if (isCurrentlySelectedInSlot) {
+                        description = "Aktuell ausgewählt";
+                    } else if (isCurrentlySelectedInOtherSlot) {
+                        description = "Aktuell in anderem Teaser ausgewählt"
+                    }
+
                     return <div
                         key={entry.sys.id}
                         className={classNames({
-                            "border-2 border-red-300": Object.keys(slotState || {}).find(slot => slotState[slot] === entry.sys.id && slot !== slotId),
-                            "border-2 border-green-300": Object.keys(slotState || {}).find(slot => slotState[slot] === entry.sys.id && slot === slotId),
+                            "border-2 border-red-300": isCurrentlySelectedInSlot,
+                            "border-2 border-green-300": isCurrentlySelectedInOtherSlot,
                         })}
                     >
                         <EntityList.Item
@@ -136,8 +151,8 @@ export const NewestArticles = ({
                             title={entry.fields.title?.de}
                             onClick={() => onEntryClick(entry)}
                             thumbnailUrl={getArticleThumbnailUrl(entry)}
-                            description={""}
-                            status={entry.sys.publishedAt ? "published" : "draft"}
+                            description={description}
+                            status={status}
                         />
                     </div>
                 })}

package/src/components/Contentful/Dialog.js

@@ -8,13 +8,13 @@ const Dialog = ({sdk, portals, getArticleThumbnailUrl}) => {
         sdk.close(entry);
     }
 
-    const loadSlotStateForPage = async (date) => {
+    const loadSlotStateForPage = async () => {
         try {
             const apiRoot = sdk.parameters.instance.apiRoot;
             const portal = sdk.parameters.invocation.portal;
             const pageId = sdk.parameters.invocation.entryId;
             const date = sdk.parameters.invocation.date;
-            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${pageId}&date=${date}`;
+            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${pageId}&date=${date.toISOString()}`;
             const response = await fetch(teasermanagerUrl).then(res => res.json());
 
             if (response?.message) {
@@ -29,7 +29,7 @@ const Dialog = ({sdk, portals, getArticleThumbnailUrl}) => {
 
     useEffect(() => {
         loadSlotStateForPage().then(setSlotState);
-    }, []);
+    }, [sdk.parameters.invocation]);
 
     return <div style={{backgroundColor: "#FFFFFF", minHeight: "100vh"}}>
         <NewestArticles sdk={sdk} onEntryClick={selectEntry} slotState={slotState} getArticleThumbnailUrl={getArticleThumbnailUrl} portals={portals}/>

package/src/components/Contentful/EntryEditor.js

@@ -91,7 +91,7 @@ const Entry = ({sdk}) => {
     const loadSlotStateForPage = async (date) => {
         try {
             const apiRoot = sdk.parameters.instance.apiRoot;
-            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${sdk.entry.getSys().id}&date=${date}`;
+            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${sdk.entry.getSys().id}&date=${date.toISOString()}`;
             const response = await fetch(teasermanagerUrl).then(res => res.json());
 
             if (response?.message) {