From db6b00f9f26f50ecbce4663038f700e2c365297d Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 29 Nov 2023 18:15:55 +0100
Subject: [PATCH] change(ui): added noGrid param for live sessions (#1729)

---
 .../Session/Player/LivePlayer/LiveControls.tsx        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx b/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx
index c81e702fc..bcf8366ff 100644
--- a/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx
+++ b/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx
@@ -21,6 +21,7 @@ function Controls(props: any) {
   // @ts-ignore ?? TODO
   const { player, store } = React.useContext<ILivePlayerContext>(PlayerContext);
   const [noControls, setNoControls] = React.useState(false);
+  const [noGrid, setNoGrid] = React.useState(false);
   const { search } = useLocation();
 
   const { jumpToLive } = player;
@@ -66,6 +67,12 @@ function Controls(props: any) {
     ) {
       setNoControls(true);
     }
+
+    if (
+      (queryParams.has('noGrid') && queryParams.get('noGrid') === 'true')
+    ) {
+      setNoGrid(true);
+    }
     return () => {
       document.removeEventListener('keydown', onKeyDown.bind(this));
     };
@@ -89,7 +96,7 @@ function Controls(props: any) {
     <div className={styles.controls}>
       <Timeline />
       {!noControls ?
-        <div className={cn(styles.buttons, '!px-5 !pt-0')} data-is-live>
+        <div className={cn(styles.buttons, '!px-5 !pt-0')} data-is-live style={{ height: noGrid ? '40px' : ''}}>
           <div className="flex items-center">
             {!closedLive && (
               <div className={styles.buttonsLeft}>
@@ -101,7 +108,7 @@ function Controls(props: any) {
             )}
           </div>
 
-          {totalAssistSessions > 1 ? (
+          {totalAssistSessions > 1 && !noGrid ? (
             <div>
               <AssistSessionsTabs session={session} />
             </div>