From ff62efff4f7e9e5dc7d3fa5b5b12a90f351453d1 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 15 Dec 2021 15:36:31 +0530
Subject: [PATCH] fix(ui) - metadata toggle and disable

---
 .../components/Session_/EventsBlock/Metadata/Metadata.js    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
index 9b5d9ce66..b0dca0956 100644
--- a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
+++ b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
@@ -4,18 +4,19 @@ import { NoContent, IconButton, Popup } from 'UI';
 import withToggle from 'HOCs/withToggle';
 import MetadataItem from './MetadataItem';
 import stl from './metadata.css';
+import cn from 'classnames';
 
 export default connect(state => ({
   metadata: state.getIn([ 'sessions', 'current', 'metadata' ]),
 }))(function Metadata ({ metadata }) {
   const [ visible, setVisible ] = useState(false);
-  const toggle = useCallback(() => metadata.size > 0 && setVisible(v => !v), []);
+  const toggle = useCallback(() => metadata.length > 0 && setVisible(v => !v), []);
   return (
     <>
       <Popup
         trigger={
           <IconButton
-            className="w-full"
+            className={cn("w-full", { 'opacity-25' : metadata.length === 0 })}
             onClick={ toggle }
             icon="id-card"
             plain
@@ -23,6 +24,7 @@ export default connect(state => ({
             primaryText
             active={ visible }
             id="metadata-button"
+            // disabled={ metadata.length === 0 }
           />
         }
         content={