button panel

src/components/HelpButton.tsx

@@ -0,0 +1,18 @@
+import HelpIcon from "../icons/HelpIcon";
+
+type HelpButtonProps = {
+  handleOnHelpClick: () => void;
+};
+
+const HelpButton = ({ handleOnHelpClick }: HelpButtonProps) => {
+  return (
+    <button
+      className="bg-white border-[#C7BDBA] p-[6px] rounded-full"
+      onClick={handleOnHelpClick}
+    >
+      <HelpIcon />
+    </button>
+  );
+};
+
+export default HelpButton;

src/components/ResizeButton.tsx

@@ -0,0 +1,18 @@
+import ResizeIcon from "../icons/ResizeIcon";
+
+type ResizeButtonProps = {
+  handleOnHelpClick: () => void;
+};
+
+const ResizeButton = ({ handleOnHelpClick }: ResizeButtonProps) => {
+  return (
+    <button
+      className="bg-white border-[#C7BDBA] p-[6px] rounded-full"
+      onClick={handleOnHelpClick}
+    >
+      <ResizeIcon />
+    </button>
+  );
+};
+
+export default ResizeButton;

src/components/mobile/Appartment/ButtonPanel.tsx

@@ -3,6 +3,7 @@ import HelpIcon from "../../../icons/HelpIcon";
 import useStore from "../../../store/store";
 import PopupModal from "./PopupModal";
 import HelpPanel from "./HelpPanel";
+import HelpButton from "../../HelpButton";
 
 const ButtonPanel = () => {
   const { setModal, setPanel } = useStore();
@@ -22,12 +23,13 @@ const ButtonPanel = () => {
             </div>
             Back
           </button>
-          <button
+          <HelpButton handleOnHelpClick={handleOnHelpClick} />
+          {/* <button
             className="bg-white border-[#C7BDBA] p-[6px] rounded-full"
             onClick={handleOnHelpClick}
           >
             <HelpIcon />
-          </button>
+          </button> */}
         </div>
       }
     </>

src/components/mobile/Appartment/ViewToggle.tsx

@@ -34,11 +34,11 @@ const ViewToggle = ({ offset, isDesktop }: ViewSwitcherProps) => {
   return (
     <div
       className={`${
-        isDesktop ? "" : "absolute top-[-51px]"
-      } w-full h-9 px-6 bg`}
+        isDesktop ? "" : "w-full absolute top-[-51px] mx-auto"
+      } h-9 px-6 `}
     >
       <div
-        className={`even bg-white rounded-[32px] flex text-sm justify-center w-fit border-2 transition-all duration-300 ease-in-out mx-auto select-none cursor-pointer`}
+        className={`even bg-white rounded-[32px] flex text-sm justify-center w-fit border-2 transition-all duration-300 ease-in-out  select-none cursor-pointer`}
         style={{
           opacity: offset ? offset : 1,
           pointerEvents: `${offset === 0 ? "none" : "auto"}`,