@vonaffenfels/contentful-teasermanager 1.0.8 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.0.8",
+    "version": "1.0.10",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -96,10 +96,10 @@
         "webpack-dev-server": "^4.0.0-beta.2"
     },
     "dependencies": {
-        "@vonaffenfels/slate-editor": "^1.0.5",
+        "@vonaffenfels/slate-editor": "^1.0.10",
         "webpack": "5.73.0"
     },
-    "gitHead": "93ecd9a3fd0bc3e7d14a80b1138d1934d505d032",
+    "gitHead": "bd271f5265184e34c8ebef5f49936ab95fe29dcf",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Contentful/EntryEditor.js

@@ -8,6 +8,7 @@ const Entry = ({sdk}) => {
     const [locale, setLocale] = useState(sdk.locales.default);
     const [portal, setPortal] = useState();
     const portalField = sdk?.entry?.fields?.portal;
+    const [reloadTrigger, setReloadTrigger] = useState(0);
 
     portalField?.onValueChanged(() => {
         if (portalField.getValue() !== portal) {
@@ -26,20 +27,39 @@ const Entry = ({sdk}) => {
     }, []);
 
     const onSlotClick = (slotId, currentDate) => {
-        console.log("KIENZ_DEBUG: :31 / onSlotClick", {
-            slotId,
-            currentDate,
-        });
-        sdk.dialogs.selectSingleEntry({contentTypes: ["article"]}).then((entry) => {
+        sdk.dialogs.selectSingleEntry({contentTypes: ["article"]}).then(async (entry) => {
             if (!entry) {
                 return;
             }
 
-            console.log(`Selected entry ${entry.sys.id} for slot ${slotId} and date ${currentDate}`);
+            console.log(`Selected entry ${entry.sys.id} for page ${sdk.entry.getSys().id} with portal ${portal} for slot ${slotId} and date ${currentDate}`);
+
+            const {apiRoot} = sdk.parameters.instance;
+            try {
+                const response = await fetch(`${apiRoot}/api/saveStateForSlot`, {
+                    method: "POST",
+                    body: JSON.stringify({
+                        "project": portal,
+                        "slot": slotId,
+                        "page": sdk.entry.getSys().id,
+                        "entry": entry.sys.id,
+                        "date": currentDate,
+                    }),
+                });
+                setReloadTrigger((current) => current + 1);
+            } catch (e) {
+                console.error(e);
+                alert("Fehler beim speichern!");
+            }
         });
     };
 
-    return <Teasermanager entryId={sdk.entry.getSys().id} locale={locale} contentFieldName={contentField} onSlotClick={onSlotClick}/>;
+    return <Teasermanager
+        entryId={sdk.entry.getSys().id}
+        locale={locale}
+        contentFieldName={contentField}
+        onSlotClick={onSlotClick}
+        reloadTrigger={reloadTrigger}/>;
 };
 
 export default Entry;

package/src/components/Teasermanager.js

@@ -12,10 +12,12 @@ export const Teasermanager = ({
     onSlotClick = () => console.error("missing onSlotClick"),
     contentFieldName = "content",
     locale = "de",
+    reloadTrigger = 0,
 }) => {
     const contentfulClient = getContentfulClient();
     const [entry, setEntry] = useState(null);
     const wrapperRef = useRef(null);
+    const [loading, setLoading] = useState(true);
     const [loadedContent, setLoadedContent] = useState(null);
     const [currentDate, setCurrentDate] = useState(null);
 
@@ -77,18 +79,24 @@ export const Teasermanager = ({
         const portalValue = entry?.fields?.portal?.[locale];
 
         if (!contentValue) {
+            setLoading(false);
             return setLoadedContent(null);
         }
 
-        runLoaders(contentValue, portalValue).then(setLoadedContent);
-    }, [contentFieldName, locale, entry]);
+        setLoading(true);
+        runLoaders(contentValue, portalValue).then(content => {
+            setLoadedContent(content);
+            setLoading(false);
+        });
+    }, [contentFieldName, locale, entry, reloadTrigger]);
 
     return <div className="w-full flex flex-col">
         <div className="w-full">
             <Timeline currentDate={currentDate} setCurrentDate={setCurrentDate}/>
         </div>
         <div className={styles.wrapper} ref={wrapperRef}>
-            {!!loadedContent &&
+            {loading && <div>Lade Inhalte...</div>}
+            {!!loadedContent && !loading &&
                 <Renderer
                     value={loadedContent}
                     storybookComponentLoader={componentLoader}