From d5ec7e17df5fba11aca01ca4bc530fdc596bc91b Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Sat, 8 Dec 2018 09:10:38 -0500
Subject: [PATCH] add clientFaved and clientLoved, fix number selection

---
 src/views/preview/project-view.jsx | 19 ++++++++++++++++---
 src/views/preview/stats.jsx        |  2 +-
 src/views/preview/stats.scss       |  9 +++++++++
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/views/preview/project-view.jsx b/src/views/preview/project-view.jsx
index c3eb31fda..025bdb05c 100644
--- a/src/views/preview/project-view.jsx
+++ b/src/views/preview/project-view.jsx
@@ -91,6 +91,8 @@ class Preview extends React.Component {
             addToStudioOpen: false,
             adminModalOpen: false,
             adminPanelOpen: adminPanelOpen || false,
+            clientFaved: false,
+            clientLoved: false,
             extensions: [],
             favoriteCount: 0,
             isRemixing: false,
@@ -149,6 +151,13 @@ class Preview extends React.Component {
                 }
             }
         }
+        if (this.props.faved !== prevProps.faved || this.props.loved !== prevProps.loved) {
+            this.setState({ // eslint-disable-line react/no-did-update-set-state
+                clientFaved: this.props.faved,
+                clientLoved: this.props.loved
+            });
+        }
+        /* eslint-enable react/no-did-update-set-state */
         if (this.props.playerMode !== prevProps.playerMode || this.props.fullScreen !== prevProps.fullScreen) {
             this.pushHistory(history.state === null);
         }
@@ -401,10 +410,12 @@ class Preview extends React.Component {
         );
         if (this.props.faved) {
             this.setState(state => ({
+                clientFaved: false,
                 favoriteCount: state.favoriteCount - 1
             }));
         } else {
             this.setState(state => ({
+                clientFaved: true,
                 favoriteCount: state.favoriteCount + 1
             }));
         }
@@ -424,10 +435,12 @@ class Preview extends React.Component {
         );
         if (this.props.loved) {
             this.setState(state => ({
+                clientLoved: false,
                 loveCount: state.loveCount - 1
             }));
         } else {
             this.setState(state => ({
+                clientLoved: true,
                 loveCount: state.loveCount + 1
             }));
         }
@@ -567,7 +580,7 @@ class Preview extends React.Component {
                         comments={this.props.comments}
                         editable={this.props.isEditable}
                         extensions={this.state.extensions}
-                        faved={this.props.faved}
+                        faved={this.state.clientFaved}
                         favoriteCount={this.state.favoriteCount}
                         isFullScreen={this.state.isFullScreen}
                         isLoggedIn={this.props.isLoggedIn}
@@ -578,7 +591,7 @@ class Preview extends React.Component {
                         justRemixed={this.state.justRemixed}
                         justShared={this.state.justShared}
                         loveCount={this.state.loveCount}
-                        loved={this.props.loved}
+                        loved={this.state.clientLoved}
                         modInfo={this.state.modInfo}
                         moreCommentsToLoad={this.props.moreCommentsToLoad}
                         originalInfo={this.props.original}
@@ -770,7 +783,7 @@ Preview.defaultProps = {
 
 const mapStateToProps = state => {
     const projectInfoPresent = state.preview.projectInfo &&
-            Object.keys(state.preview.projectInfo).length > 0 && state.preview.projectInfo.id > 0;
+        Object.keys(state.preview.projectInfo).length > 0 && state.preview.projectInfo.id > 0;
     const userPresent = state.session.session.user !== null &&
         typeof state.session.session.user !== 'undefined' &&
         Object.keys(state.session.session.user).length > 0;
diff --git a/src/views/preview/stats.jsx b/src/views/preview/stats.jsx
index c8fafbfdd..0aadc10f8 100644
--- a/src/views/preview/stats.jsx
+++ b/src/views/preview/stats.jsx
@@ -10,7 +10,7 @@ const projectShape = require('./projectshape.jsx').projectShape;
 require('./stats.scss');
 
 const Stats = props => (
-    <FlexRow className="stats">
+    <FlexRow className="stats noselect">
         <div
             className={classNames('project-loves', {loved: props.loved})}
             key="loves"
diff --git a/src/views/preview/stats.scss b/src/views/preview/stats.scss
index 5b159aaaf..bad941683 100644
--- a/src/views/preview/stats.scss
+++ b/src/views/preview/stats.scss
@@ -18,6 +18,15 @@
     }
 }
 
+.noselect {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
 .project-loves,
 .project-favorites,
 .project-remixes,