From dce918972f8dcd7d82ab186e81369dd2815cf3f8 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 18 May 2022 17:27:11 +0200
Subject: [PATCH] change(ui) - enable annotation on call or remote

---
 .../AssistActions/AssistActions.tsx           | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
index 3ec1060cf..2ea90b143 100644
--- a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
+++ b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
@@ -82,19 +82,23 @@ function AssistActions({ toggleChatWindow, userId, calling, annotating, peerConn
 
   return (
     <div className="flex items-center">
-      <div
-        className={
-          cn(
-            'cursor-pointer p-2 flex items-center',
-            {[stl.disabled]: cannotCall}
-          )
-        }
-        onClick={ toggleAnnotation }
-        role="button"
-      >
-        <IconButton label={`Annotate`} icon={ annotating ? "pencil-stop" : "pencil"} primaryText redText={annotating} />
-      </div>
-      <div className={ stl.divider } />
+      {(onCall || remoteActive) && (
+        <>
+          <div
+            className={
+              cn(
+                'cursor-pointer p-2 flex items-center',
+                {[stl.disabled]: cannotCall}
+              )
+            }
+            onClick={ () => toggleAnnotation(!annotating) }
+            role="button"
+          >
+            <IconButton label={`Annotate`} icon={ annotating ? "pencil-stop" : "pencil"} primaryText redText={annotating} />
+          </div>
+          <div className={ stl.divider } />
+        </>
+      )}
       <div
         className={
           cn(