From d3fdd5f85abf6867a14f5386d7879eb22ffe7588 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Sun, 15 Sep 2024 23:59:42 -0700
Subject: [PATCH] FF: Sidebar: Better Icon

---
 .../components/icons/WindowPaneRightClose.tsx       | 13 +++++++++++++
 src/common/components/icons/WindowPaneRightOpen.tsx | 11 +++++++++++
 src/common/layout/optima/bar/OptimaBar.tsx          |  4 +++-
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/common/components/icons/WindowPaneRightClose.tsx
 create mode 100644 src/common/components/icons/WindowPaneRightOpen.tsx

diff --git a/src/common/components/icons/WindowPaneRightClose.tsx b/src/common/components/icons/WindowPaneRightClose.tsx
new file mode 100644
index 000000000..5517a36ae
--- /dev/null
+++ b/src/common/components/icons/WindowPaneRightClose.tsx
@@ -0,0 +1,13 @@
+// import * as React from 'react';
+//
+// import { SvgIcon, SvgIconProps } from '@mui/joy';
+//
+// export function WindowPaneRightClose(props: SvgIconProps) {
+//   return (
+//     <SvgIcon viewBox='0 0 24 24' width='24' height='24' {...props}>
+//       <path d='M 9 3 L 9 21 L 11 21 L 11 3 L 9 3 z M 14 6.7558594 C 13.744381 6.7558594 13.488837 6.8529596 13.292969 7.0488281 C 12.901232 7.4405645 12.901232 8.0731073 13.292969 8.4648438 L 16.830078 12 L 13.292969 15.535156 C 12.901232 15.926893 12.901232 16.557482 13.292969 16.949219 C 13.684705 17.340955 14.317249 17.340955 14.708984 16.949219 L 18.951172 12.707031 C 19.342908 12.315295 19.342908 11.684705 18.951172 11.292969 L 14.708984 7.0488281 C 14.513117 6.8529599 14.255619 6.7558594 14 6.7558594 z' />
+//       {/* thin <path d='M 4,2 C 2.9000033,2 2,2.9000033 2,4 v 16 c 0,1.099997 0.9000033,2 2,2 h 16 c 1.099997,0 2,-0.900003 2,-2 V 4 C 22,2.9000033 21.099997,2 20,2 Z M 3,3 H 21 V 21 H 3 Z m 9,3.7558594 c -0.255619,0 -0.511163,0.0971 -0.707031,0.2929687 -0.391737,0.3917368 -0.391737,1.0242789 0,1.4160157 L 14.830078,12 11.292969,15.535156 c -0.391737,0.391737 -0.391737,1.022326 0,1.414063 0.391737,0.391737 1.024279,0.391737 1.416015,0 l 4.242188,-4.242188 c 0.391737,-0.391737 0.391737,-1.022325 0,-1.414062 L 12.708984,7.0488281 C 12.513116,6.8529597 12.255619,6.7558594 12,6.7558594 Z' />*/}
+//       {/* normal <path d='M 4 2 C 2.9000033 2 2 2.9000033 2 4 L 2 20 C 2 21.099997 2.9000033 22 4 22 L 20 22 C 21.099997 22 22 21.099997 22 20 L 22 4 C 22 2.9000033 21.099997 2 20 2 L 4 2 z M 4 4 L 20 4 L 20 20 L 4 20 L 4 4 z M 12 6.7558594 C 11.744381 6.7558594 11.488837 6.8529597 11.292969 7.0488281 C 10.901232 7.4405649 10.901232 8.073107 11.292969 8.4648438 L 14.830078 12 L 11.292969 15.535156 C 10.901232 15.926893 10.901232 16.557482 11.292969 16.949219 C 11.684706 17.340956 12.317248 17.340956 12.708984 16.949219 L 16.951172 12.707031 C 17.342909 12.315294 17.342909 11.684706 16.951172 11.292969 L 12.708984 7.0488281 C 12.513116 6.8529597 12.255619 6.7558594 12 6.7558594 z ' />*/}
+//     </SvgIcon>
+//   );
+// }
\ No newline at end of file
diff --git a/src/common/components/icons/WindowPaneRightOpen.tsx b/src/common/components/icons/WindowPaneRightOpen.tsx
new file mode 100644
index 000000000..645722908
--- /dev/null
+++ b/src/common/components/icons/WindowPaneRightOpen.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+import { SvgIcon, SvgIconProps } from '@mui/joy';
+
+export function WindowPaneRightOpen(props: SvgIconProps) {
+  return (
+    <SvgIcon viewBox='0 0 24 24' width='24' height='24' {...props}>
+      <path d='M 4,2 C 2.9000011,2 2,2.9000011 2,4 v 16 c 0,1.099999 0.9000011,2 2,2 h 16 c 1.099999,0 2,-0.900001 2,-2 V 4 C 22,2.9000011 21.099999,2 20,2 Z m 0,2 h 7 V 20 H 4 Z m 9,0 h 7 v 16 h -7 z m 1,2 v 2 h 5 V 6 Z m 0,3 v 2 h 5 V 9 Z m 0,3 v 2 h 5 v -2 z' />
+    </SvgIcon>
+  );
+}
\ No newline at end of file
diff --git a/src/common/layout/optima/bar/OptimaBar.tsx b/src/common/layout/optima/bar/OptimaBar.tsx
index f42db0707..28e0c0633 100644
--- a/src/common/layout/optima/bar/OptimaBar.tsx
+++ b/src/common/layout/optima/bar/OptimaBar.tsx
@@ -17,6 +17,7 @@ import { Brand } from '~/common/app.config';
 import { CloseableMenu } from '~/common/components/CloseableMenu';
 import { Link } from '~/common/components/Link';
 import { ROUTE_INDEX } from '~/common/app.routes';
+import { WindowPaneRightOpen } from '~/common/components/icons/WindowPaneRightOpen';
 import { checkVisibleNav, NavItemApp } from '~/common/app.nav';
 
 import { InvertedBar, InvertedBarCornerItem } from '../InvertedBar';
@@ -227,7 +228,8 @@ export function OptimaBar(props: { component: React.ElementType, currentApp?: Na
           //   transition: 'transform 0.42s',
           // }}
         >
-          {isPanelOpen ? <NavigateNextRoundedIcon /> : <MoreVertIcon />}
+          {isPanelOpen ? <NavigateNextRoundedIcon /> : menuToPanel ? <WindowPaneRightOpen /> : <MoreVertIcon />}
+          {/*{isPanelOpen ? <NavigateNextRoundedIcon /> : <WindowPaneRightOpen />}*/}
           {/*{menuToPanel ? <NavigateBeforeRoundedIcon /> : <MoreVertIcon />}*/}
         </IconButton>
       </InvertedBarCornerItem>