From 9bf06aa24add8003fd2978a3d657dcc8eb907641 Mon Sep 17 00:00:00 2001
From: Pratiyush Kumar <pratiyush.inv@gmail.com>
Date: Fri, 27 Oct 2023 15:53:17 +0530
Subject: [PATCH] tried new icon for fullscreen

---
 app/components/live-panel.hbs      | 6 +++++-
 app/components/live-sidebar.hbs    | 2 +-
 app/styles/live-sidebar.module.css | 4 ++--
 app/templates/live.hbs             | 1 +
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/components/live-panel.hbs b/app/components/live-panel.hbs
index 943eac43..a6bf92c2 100644
--- a/app/components/live-panel.hbs
+++ b/app/components/live-panel.hbs
@@ -4,7 +4,11 @@
     @class='icon-button--md icon__sidebar__toggle'
     @title='toggle sidebar panel'
     @onClick={{@sidebarDisplayToggle}}
-    @icon='material-symbols:chevron-right'
+    @icon={{if
+      @isExpanded
+      'material-symbols:fullscreen-exit'
+      'material-symbols:fullscreen'
+    }}
   />
   {{#if (eq @role this.ROLES.host)}}
     <Reusables::IconButton
diff --git a/app/components/live-sidebar.hbs b/app/components/live-sidebar.hbs
index 0540d671..e217fc8d 100644
--- a/app/components/live-sidebar.hbs
+++ b/app/components/live-sidebar.hbs
@@ -2,7 +2,7 @@
   data-test-sidebar
   class='sidebar
     {{if this.isSideBarOpen "open" "close"}}
-    {{if @isExpanded "sidebarCloses" "sidebarOpens"}}'
+    {{if @isExpanded "sidebar--closes" "sidebar--opens"}}'
 >
 
   <div
diff --git a/app/styles/live-sidebar.module.css b/app/styles/live-sidebar.module.css
index 2268ce5d..e7beff3c 100644
--- a/app/styles/live-sidebar.module.css
+++ b/app/styles/live-sidebar.module.css
@@ -11,11 +11,11 @@
   box-sizing: border-box;
 }
 
-.sidebarOpens {
+.sidebar--opens {
   width: 90%;
 }
 
-.sidebarCloses {
+.sidebar--closes {
   width: 0%;
 }
 
diff --git a/app/templates/live.hbs b/app/templates/live.hbs
index 71cc58a3..24e4326f 100644
--- a/app/templates/live.hbs
+++ b/app/templates/live.hbs
@@ -90,6 +90,7 @@
               @buttonClickHandler={{this.buttonClickHandler}}
               @openRoomCodeModal={{this.toggleRoomCodeModal}}
               @sidebarDisplayToggle={{this.sidebarDisplayToggle}}
+              @isExpanded={{this.isExpanded}}
             />
           {{/if}}
         </div>