diff options
Diffstat (limited to 'src/js/cms-preview-templates/post.js')
| -rw-r--r-- | src/js/cms-preview-templates/post.js | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/js/cms-preview-templates/post.js b/src/js/cms-preview-templates/post.js index eca7374..2b88fa0 100644 --- a/src/js/cms-preview-templates/post.js +++ b/src/js/cms-preview-templates/post.js @@ -3,7 +3,8 @@ import format from "date-fns/format"; export default class PostPreview extends React.Component { render() { - const {entry, widgetFor} = this.props; + const {entry, widgetFor, getAsset} = this.props; + let image = getAsset(entry.getIn(["data", "image"])); return <div className="mw6 center ph3 pv4"> <h1 className="f2 lh-title b mb3">{ entry.getIn(["data", "title"])}</h1> @@ -16,6 +17,8 @@ export default class PostPreview extends React.Component { <p>Read in x minutes</p> </div> <div className="cms mw6"> + <p>{ entry.getIn(["data", "description"]) }</p> + { image && <img src={ image } alt={ entry.getIn(["data", "title"])} /> } { widgetFor("body") } </div> </div>; |
