Preview for images uploaded in CMS

Signed-off-by: Tomás Castillo <[email protected]>

Author: tomrndom

package.json

@@ -39,7 +39,7 @@
     "lodash": "^4.17.17",
     "lodash-webpack-plugin": "^0.11.4",
     "moment": "^2.24.0",
-    "netlify-cms-app": "^2.13.3",
+    "netlify-cms-app": "^2.15.44",
     "node-sass": "^4.11.0",
     "prop-types": "^15.6.0",
     "react": "^16.13.1",

src/cms/preview-templates/MembersPagePreview.js

@@ -4,18 +4,35 @@ import { MembersPageTemplate } from '../../templates/members-page'
 
 const MembersPagePreview = ({ entry, getAsset, widgetFor }) => {
     const data = entry.getIn(['data']).toJS();
-    
-    const entryMembers = entry.getIn(['data', 'members']);
-    const members = entryMembers ? entryMembers.toJS() : [];
 
-    return (
-        <MembersPageTemplate
-            title={entry.getIn(['data', 'title'])}
-            subTitle={entry.getIn(['data', 'subTitle'])}
-            members={members}
-            cta={data.cta || {}}
-        />
-    )
+    const entryMembers = entry.getIn(['data', 'members'])
+    const members = entryMembers ? entryMembers.toJS() : []
+
+    const membersArray = members.map((member) => {
+        return {
+            category: member.category,
+            membersList: member.membersList.map((memberItem) => {
+                return {
+                    name: memberItem.name,
+                    logo: getAsset(memberItem.logo),
+                    url: memberItem.url,
+                }
+            })
+        }
+    })
+
+    if (data && membersArray) {
+        return (
+            <MembersPageTemplate
+                title={entry.getIn(['data', 'title'])}
+                subTitle={entry.getIn(['data', 'subTitle'])}
+                members={membersArray}
+                cta={data.cta || {}}
+            />
+        )
+    } else {
+        return <div>Loading...</div>
+    }
 }
 
 MembersPagePreview.propTypes = {