@vonaffenfels/contentful-teasermanager 1.0.27 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.0.27",
+    "version": "1.0.28",
     "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.26",
-        "webpack": "5.73.0"
+        "@vonaffenfels/slate-editor": "^1.0.28",
+        "webpack": "5.88.2"
     },
-    "gitHead": "148d5745884b9e253e56a2389662fc4f7ecf4254",
+    "gitHead": "fe5a1e14e437b67a1aa58fa6781b9ae134914750",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Teasermanager/Timeline.js

@@ -57,7 +57,7 @@ export const Timeline = ({
 
     return <div className="flex w-full">
         <div className={styles.wrapper}>
-            <div className={styles.date}>
+            <div className="w-full h-auto text-center py-2">
                 {!!currentDate && (
                     <>
                         <input type="date" value={format(currentDate, "yyyy-MM-dd")} onChange={handleDateChange} className="mr-2 w-auto" />
@@ -96,8 +96,7 @@ const TimeSelect = ({
         let options = [];
 
         for (let i = 1; i <= 24; i++) {
-            console.log(i);
-            options.push(<option value={i} style={{padding: "8px"}}>{i < 10 ? `0${i}` : i}</option>);
+            options.push(<option key={`hour-option-${i}`} value={i} style={{padding: "8px"}}>{i < 10 ? `0${i}` : i}</option>);
         }
 
         return options;
@@ -107,8 +106,7 @@ const TimeSelect = ({
         let options = [];
 
         for (let i = 0; i <= 60; i += 15) {
-            console.log(i);
-            options.push(<option value={i} style={{padding: "8px"}}>{i < 10 ? `0${i}` : i}</option>);
+            options.push(<option key={`minute-option-${i}`} value={i} style={{padding: "8px"}}>{i < 10 ? `0${i}` : i}</option>);
         }
 
         return options;

package/src/components/Teasermanager/Timeline.module.css

@@ -8,7 +8,7 @@
 
 .timeline {
     height: auto;
-    padding: 6px 0 12px 0;
+    padding: 30px 0 12px 0;
     width: 100%;
     display: flex;
     font-weight: bold;
@@ -48,10 +48,4 @@
     left: -100px;
     width: 200px;
     text-align: center;
-}
-
-.date {
-    width: 100%;
-    text-align: center;
-    padding: 20px 0 30px 0;
 }

package/src/components/Teasermanager.js

@@ -90,7 +90,7 @@ export const Teasermanager = ({
         }
 
         setLoading(true);
-        runLoaders(contentValue, portalValue).then(content => {
+        runLoaders(contentValue, portalValue, entry?.sys?.id).then(content => {
             setLoadedContent(content);
             setLoading(false);
         });

package/src/lib/runLoaders.js

@@ -1,11 +1,11 @@
-export const runLoaders = async (value, portal) => {
+export const runLoaders = async (value, portal, contextId) => {
     if (!Array.isArray(value)) {
         return value;
     }
 
     const newValue = await Promise.all(value.map(async (item) => {
         try {
-            return await runLoader(item, portal)
+            return await runLoader(item, portal, contextId)
         } catch (e) {
             console.error(e);
             return item;
@@ -15,13 +15,16 @@ export const runLoaders = async (value, portal) => {
     return newValue;
 }
 
-const runLoader = async (item, portal) => {
+const runLoader = async (item, portal, contextId) => {
 
     if (!item?.block) {
         return item;
     }
     try {
-        const response = await fetch(`/api/loader/?portal=${portal}&block=${item.block}&variables=${JSON.stringify(item.attributes)}`).then(res => res.json());
+        const response = await fetch(`/api/loader/?portal=${portal}&block=${item.block}`, {
+            method: "POST",
+            body: JSON.stringify({variables: item.attributes, context: {activeContent: {sys: {id: contextId}}}}),
+        }).then(res => res.json());
 
         return {
             ...item,