@vonaffenfels/contentful-teasermanager 1.0.36 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.0.36",
+    "version": "1.0.38",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -98,7 +98,7 @@
         "@vonaffenfels/slate-editor": "^1.0.35",
         "webpack": "5.88.2"
     },
-    "gitHead": "bef8a736da079b4fe1c79e5490d2bbca3c518772",
+    "gitHead": "2738647c77022116a4614f98b17c198a10d7d337",
     "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,7 +8,7 @@ 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;
@@ -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/Teasermanager/Timeline.js

@@ -107,11 +107,14 @@ export const Timeline = ({
                 {!!leftDate && Array(stepsInRange).fill(0).map((_, index) => {
                     const dotDate = new Date(leftDate.getTime() + (15 * 60 * 1000 * (index + 1)));
                     const stateChanged = timelineState?.[dotDate.toISOString()] || 0;
+                    const currentDateCopy = new Date(currentDate);
+                    currentDateCopy.setMilliseconds(0);
+                    currentDateCopy.setSeconds(0);
 
                     return <div
                         key={index}
                         className={classNames(styles.timelineDot, {
-                            [styles.timelineDotActive]: dotDate.getTime() === currentDate.getTime(),
+                            [styles.timelineDotActive]: dotDate.getTime() === currentDateCopy.getTime(),
                             [styles.timelineDotChanged]: !!stateChanged,
                         })}
                         onClick={e => {