Add changed files after revert

slidewiki · Dec 14, 2018 · fbcb88b · fbcb88b
1 parent 43c27d4
commit fbcb88b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 1 deletion.
diff --git a/actions/loadDeckView.js b/actions/loadDeckView.js
@@ -23,7 +23,11 @@ export default function loadDeckView(context, payload, done) {
             // console.log('loadDeckView params', payload.params, '\n', payload);
             res.isRootDeck = payload.params.spath === '';
             context.dispatch('LOAD_DECK_CONTENT_SUCCESS', res);
-            context.dispatch('LOAD_DECK_METADATA_SUCCESS', {thumbnailID: res.slidesData.children[0].id});
+            context.dispatch('LOAD_DECK_METADATA_SUCCESS', {
+                thumbnailID: res.slidesData.children[0].id, 
+                thumbnailTheme: res.slidesData.theme,
+                description: res.deckData.description
+            });
         }
         let pageTitle = shortTitle + ' | ' + res.slidesData.title;
         let cleanTitle = pageTitle.replace(/<\/?[^>]+(>|$)/g, '').replace(/&#39;/g, '\'').replace(/&#34;/g, '\"');

diff --git a/actions/slide/loadSlideView.js b/actions/slide/loadSlideView.js
@@ -24,6 +24,10 @@ export default function loadSlideView(context, payload, done) {
         } else {
             context.dispatch('LOAD_SLIDE_CONTENT_SUCCESS', res);
             context.dispatch('LOAD_SLIDE_EDIT_SUCCESS', res);
+            context.dispatch('LOAD_DECK_METADATA_SUCCESS', {
+                thumbnailID: res.selector.sid, 
+                thumbnailTheme: context.getStore(DeckTreeStore).theme
+            });
         }
         let deckTitle = context.getStore(DeckTreeStore).getState().deckTree.get('title');
         let pageTitle = shortTitle + ' | ' + deckTitle + ' | ' + res.slide.title;

diff --git a/components/DefaultHTMLLayout.js b/components/DefaultHTMLLayout.js
@@ -12,12 +12,20 @@ hook({
 class DefaultHTMLLayout extends React.Component {
     render() {
         let user = this.props.context.getUser();
+        let pageDescription = this.props.context.getStore(ApplicationStore).getPageDescription();
+
         return (
             <html lang={ this.props.lang }>
             <head>
                 <meta charSet="utf-8" />
                 <title>{this.props.context.getStore(ApplicationStore).getPageTitle()}</title>
                 <meta name="thumbnail" content={this.props.context.getStore(ApplicationStore).getPageThumbnail()} />
+
+                <meta property="og:title" content={this.props.context.getStore(ApplicationStore).getPageTitle()} />
+                <meta property="og:type" content="website" />
+                <meta property="og:image" content={this.props.context.getStore(ApplicationStore).getPageThumbnail()} />
+                {pageDescription ? <meta property="og:description" content={pageDescription} /> : ''}
+
                 <meta name="viewport" content="width=device-width" />
                 <link href="/assets/custom-semantic-ui/dist/semantic.min.css" rel="stylesheet" type="text/css" />
                 <link href="/assets/css/custom.css" rel="stylesheet" type="text/css" />

diff --git a/stores/ApplicationStore.js b/stores/ApplicationStore.js
@@ -7,6 +7,7 @@ class ApplicationStore extends BaseStore {
         super(dispatcher);
         this.pageTitle = '';
         this.pageThumbnail = '/assets/images/slideWiki-logo-linear.png'; //can add a default image here
+        this.pageDescription = '';
         this.showActivationMessage = false;
         //this.frozen = false;
     }
@@ -55,12 +56,14 @@ class ApplicationStore extends BaseStore {
         return {
             pageTitle: this.pageTitle,
             pageThumbnail: this.pageThumbnail,
+            pageDescription: this.pageDescription,
             showActivationMessage: this.showActivationMessage,
         };
     }
     rehydrate(state) {
         this.pageTitle = state.pageTitle;
         this.pageThumbnail = state.pageThumbnail;
+        this.pageDescription = state.pageDescription;
         this.showActivationMessage = state.showActivationMessage;
     }
 }