From ce613166cac3f1f4a9b2231630c18ba2f4a491e2 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Wed, 30 Jun 2021 14:29:07 -0300
Subject: [PATCH] Room Like button

---
 .../room/widgets/room-tools/RoomToolsWidgetView.scss  |  4 ++++
 .../room/widgets/room-tools/RoomToolsWidgetView.tsx   | 11 +++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/room/widgets/room-tools/RoomToolsWidgetView.scss b/src/views/room/widgets/room-tools/RoomToolsWidgetView.scss
index 7f313a8c..33313ed6 100644
--- a/src/views/room/widgets/room-tools/RoomToolsWidgetView.scss
+++ b/src/views/room/widgets/room-tools/RoomToolsWidgetView.scss
@@ -31,5 +31,9 @@
             border-bottom: none;
             padding-bottom: 8px;
         }
+
+        &.disabled {
+            opacity: .5;
+        }
     }
 }
diff --git a/src/views/room/widgets/room-tools/RoomToolsWidgetView.tsx b/src/views/room/widgets/room-tools/RoomToolsWidgetView.tsx
index fb800bfe..0ce23306 100644
--- a/src/views/room/widgets/room-tools/RoomToolsWidgetView.tsx
+++ b/src/views/room/widgets/room-tools/RoomToolsWidgetView.tsx
@@ -1,5 +1,7 @@
 import classNames from 'classnames';
+import { RoomLikeRoomComposer } from 'nitro-renderer';
 import { FC, useCallback, useState } from 'react';
+import { SendMessageHook } from '../../../../hooks/messages';
 import { LocalizeText } from '../../../../utils/LocalizeText';
 import { useRoomContext } from '../../context/RoomContext';
 import { RoomWidgetZoomToggleMessage } from '../../messages';
@@ -11,6 +13,7 @@ export const RoomToolsWidgetView: FC<RoomToolsWidgetViewProps> = props =>
 
     const [ isExpended, setIsExpanded ] = useState(false);
     const [ isZoomedIn, setIsZoomedIn ] = useState(false);
+    const [ liked, setLiked ] = useState(false);
 
     const handleToolClick = useCallback((action: string) =>
     {
@@ -25,11 +28,15 @@ export const RoomToolsWidgetView: FC<RoomToolsWidgetViewProps> = props =>
             case 'chat_history':
                 return;
             case 'like_room':
+                if(liked) return;
+
+                SendMessageHook(new RoomLikeRoomComposer(1));
+                setLiked(true);
                 return;
             case 'room_link':
                 return;
         }
-    }, [ isZoomedIn, widgetHandler ]);
+    }, [ isZoomedIn, liked, widgetHandler ]);
     
     return (
         <div className={'nitro-room-tools ps-3 d-flex' + classNames({' open': isExpended})}>
@@ -43,7 +50,7 @@ export const RoomToolsWidgetView: FC<RoomToolsWidgetViewProps> = props =>
                 <div className="list-group-item" onClick={ () => handleToolClick('chat_history') }>
                     <i className="fas fa-comment-alt me-2" />{ LocalizeText('room.chathistory.button.text') }
                 </div>
-                <div className="list-group-item" onClick={ () => handleToolClick('like_room') }>
+                <div className={ 'list-group-item' + classNames({' disabled': liked})} onClick={ () => handleToolClick('like_room') }>
                     <i className="fas fa-heart me-2" />{ LocalizeText('room.like.button.text') }
                 </div>
                 <div className="list-group-item" onClick={ () => handleToolClick('room_link') }>