fix

src/client/js/components/BookmarkButton.jsx

@@ -29,17 +29,16 @@ class BookmarkButton extends React.Component {
 
   render() {
     const { pageContainer, t } = this.props;
-    const isUserLoggedIn = this.props.appContainer.currentUser != null;
 
     return (
-      <div className="d-inline-block" tabIndex="0" data-toggle="tooltip" title={isUserLoggedIn ? 'Bookmark' : t('Not available for guest')}>
+      <div className="d-inline-block" tabIndex="0" data-toggle="tooltip" title={!pageContainer.state.isGuestUser ? 'Bookmark' : t('Not available for guest')}>
         <button
           type="button"
           onClick={this.handleClick}
           className={`btn btn-bookmark border-0
           ${`btn-${this.props.size}`}
           ${pageContainer.state.isBookmarked ? 'active' : ''}`}
-          disabled={!isUserLoggedIn}
+          disabled={pageContainer.state.isGuestUser}
         >
           <i className="icon-star mr-3"></i>
           <span className="total-bookmarks">

src/client/js/components/LikeButton.jsx

@@ -28,16 +28,15 @@ class LikeButton extends React.Component {
 
   render() {
     const { pageContainer, t } = this.props;
-    const isUserLoggedIn = this.props.appContainer.currentUser != null;
 
     return (
-      <div className="d-inline-block" tabIndex="0" data-toggle="tooltip" title={isUserLoggedIn ? 'Like' : t('Not available for guest')}>
+      <div className="d-inline-block" tabIndex="0" data-toggle="tooltip" title={!pageContainer.state.isGuestUser ? 'Like' : t('Not available for guest')}>
         <button
           type="button"
           onClick={this.handleClick}
           className={`btn btn-like border-0
           ${pageContainer.state.isLiked ? 'active' : ''}`}
-          disabled={!isUserLoggedIn}
+          disabled={pageContainer.state.isGuestUser}
         >
           <i className="icon-like mr-3"></i>
           <span className="total-likes">