From 8189dc03ae5b6cabf83739b463c796b1a88f7034 Mon Sep 17 00:00:00 2001
From: Abdul Kader <abdulkader.69k@gmail.com>
Date: Sun, 20 Aug 2023 22:48:50 +0600
Subject: [PATCH 1/3] whiteboard presenter switch issue fix

---
 src/components/whiteboard/footerUI.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/whiteboard/footerUI.tsx b/src/components/whiteboard/footerUI.tsx
index 10ed59cf..3f96e30a 100644
--- a/src/components/whiteboard/footerUI.tsx
+++ b/src/components/whiteboard/footerUI.tsx
@@ -202,7 +202,7 @@ const FooterUI = ({ excalidrawAPI, isPresenter }: IFooterUIProps) => {
       <div className="flex text-sm items-center justify-center relative pl-3">
         {isAdmin && !isRecorder ? (
           <button
-            className="w-10 h-8 flex items-center justify-center absolute left-0 top-[3px]"
+            className="w-10 h-8 flex items-center justify-center absolute -right-9 top-1/2 -translate-y-1/2"
             onClick={takeOverPresenter}
           >
             <i className="pnm-presenter primaryColor text-[14px] opacity-50" />

From b3e1f27588c8ad004187759b4b32b6194ba6ea37 Mon Sep 17 00:00:00 2001
From: Abdul Kader <abdulkader.69k@gmail.com>
Date: Sun, 20 Aug 2023 22:57:17 +0600
Subject: [PATCH 2/3] fix on mobile

---
 src/components/whiteboard/footerUI.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/whiteboard/footerUI.tsx b/src/components/whiteboard/footerUI.tsx
index 3f96e30a..83160bd3 100644
--- a/src/components/whiteboard/footerUI.tsx
+++ b/src/components/whiteboard/footerUI.tsx
@@ -199,10 +199,10 @@ const FooterUI = ({ excalidrawAPI, isPresenter }: IFooterUIProps) => {
 
   const renderForParticipant = () => {
     return (
-      <div className="flex text-sm items-center justify-center relative pl-3">
+      <div className="flex text-sm items-center justify-start md:justify-center relative pl-3">
         {isAdmin && !isRecorder ? (
           <button
-            className="w-10 h-8 flex items-center justify-center absolute -right-9 top-1/2 -translate-y-1/2"
+            className="w-10 h-8 flex items-center justify-center absolute right-4 md:-right-9 top-1/2 -translate-y-1/2"
             onClick={takeOverPresenter}
           >
             <i className="pnm-presenter primaryColor text-[14px] opacity-50" />

From ec2515ce754d768dcd53337be4e2bc93a3d23d4b Mon Sep 17 00:00:00 2001
From: Abdul Kader <abdulkader.69k@gmail.com>
Date: Mon, 21 Aug 2023 00:20:24 +0600
Subject: [PATCH 3/3] design update on buttons

---
 src/components/whiteboard/footerUI.tsx    | 10 +++++++---
 src/components/whiteboard/manageFiles.tsx |  8 ++++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/whiteboard/footerUI.tsx b/src/components/whiteboard/footerUI.tsx
index 83160bd3..61644ea2 100644
--- a/src/components/whiteboard/footerUI.tsx
+++ b/src/components/whiteboard/footerUI.tsx
@@ -199,13 +199,17 @@ const FooterUI = ({ excalidrawAPI, isPresenter }: IFooterUIProps) => {
 
   const renderForParticipant = () => {
     return (
-      <div className="flex text-sm items-center justify-start md:justify-center relative pl-3">
+      <div
+        className={`flex text-sm items-center justify-start md:justify-center relative ${
+          isAdmin && !isRecorder ? 'pl-3 md:pl-12' : 'pl-3'
+        } `}
+      >
         {isAdmin && !isRecorder ? (
           <button
-            className="w-10 h-8 flex items-center justify-center absolute right-4 md:-right-9 top-1/2 -translate-y-1/2"
+            className="w-8 h-8 rounded-lg border border-solid border-[#3d3d3d] text-[#3d3d3d] dark:text-[#b8b8b8] dark:bg-[#262627] dark:hover:bg-[#3d3d3d] hover:bg-[#3d3d3d] hover:text-[#b8b8b8] flex items-center justify-center absolute right-4 md:left-2 top-1/2 -translate-y-1/2"
             onClick={takeOverPresenter}
           >
-            <i className="pnm-presenter primaryColor text-[14px] opacity-50" />
+            <i className="pnm-presenter text-[14px]" />
           </button>
         ) : null}
         {t('whiteboard.page', { count: currentPage })}
diff --git a/src/components/whiteboard/manageFiles.tsx b/src/components/whiteboard/manageFiles.tsx
index 8a4231f4..5a58c35c 100644
--- a/src/components/whiteboard/manageFiles.tsx
+++ b/src/components/whiteboard/manageFiles.tsx
@@ -96,19 +96,19 @@ const ManageFiles = ({ excalidrawAPI }: IManageFilesProps) => {
     return (
       <>
         <button
-          className="h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-md bg-[#F2F2F2] dark:bg-[#363636] hover:bg-[#ECF4FF] flex items-center justify-center cursor-pointer"
+          className="h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-lg border border-solid border-[#3d3d3d] text-[#3d3d3d] dark:text-[#b8b8b8] dark:bg-[#262627] dark:hover:bg-[#3d3d3d] hover:bg-[#3d3d3d] hover:text-[#b8b8b8] font-semibold flex items-center justify-center cursor-pointer"
           onClick={() => openFileBrowser('image')}
         >
-          <i className="pnm-blank-img primaryColor dark:text-secondaryColor hover:secondaryColor text-[14px] opacity-50 mr-1" />
+          <i className="pnm-blank-img text-[14px] mr-1" />
           {t('whiteboard.upload-image')}
         </button>
         <div className="menu relative z-10">
           <Menu>
             {({ open }) => (
               <>
-                <Menu.Button className="manage-icon h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-md bg-[#F2F2F2] dark:bg-[#363636] hover:bg-[#ECF4FF] flex items-center justify-center cursor-pointer">
+                <Menu.Button className="manage-icon h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-lg border border-solid border-[#3d3d3d] text-[#3d3d3d] dark:text-[#b8b8b8] dark:bg-[#262627] dark:hover:bg-[#3d3d3d] hover:bg-[#3d3d3d] hover:text-[#b8b8b8] font-semibold flex items-center justify-center cursor-pointer">
                   <>
-                    <i className="pnm-attachment primaryColor dark:text-secondaryColor hover:secondaryColor text-[14px] opacity-50 mr-1" />
+                    <i className="pnm-attachment text-[14px] mr-1" />
                     {t('whiteboard.manage-files')}
                   </>
                 </Menu.Button>