Back button fix within wave and modal width full

components/brain/BrainMobile.tsx

@@ -161,15 +161,23 @@
   }, [pathname, searchParams, waveId, isApp]);
 
   // Handle tab visibility and reset on wave changes
   useEffect(() => {
     if (!hasWave) {
       if (
         activeView !== BrainView.DEFAULT &&
         activeView !== BrainView.WAVES &&
         activeView !== BrainView.MESSAGES &&
         activeView !== BrainView.NOTIFICATIONS
-      )
-        setActiveView(BrainView.DEFAULT);
+      ) {
+        // Reset to appropriate view based on current route
+        if (pathname === "/waves") {
+          setActiveView(BrainView.WAVES);
+        } else if (pathname === "/messages") {
+          setActiveView(BrainView.MESSAGES);
+        } else {
+          setActiveView(BrainView.DEFAULT);
+        }
+      }
       return;
     }
 

components/voting/VotingModal.tsx

@@ -1,5 +1,6 @@
 import { ExtendedDrop } from "@/helpers/waves/drop.helpers";
 import React from "react";
+import { createPortal } from "react-dom";
 import SecondaryButton from "../utils/button/SecondaryButton";
 import { SingleWaveDropVote } from "../waves/drop/SingleWaveDropVote";
 import ModalLayout from "../waves/memes/submission/layout/ModalLayout";
@@ -19,9 +20,9 @@ const VotingModal: React.FC<VotingModalProps> = ({
     return null;
   }
 
-  return (
+  const modalContent = (
     <div
-      className="tw-fixed tw-inset-0 tw-bg-gray-600 tw-bg-opacity-50 tw-backdrop-blur-[1px] tw-z-50 tw-flex tw-items-center tw-justify-center"
+      className="tw-fixed tw-inset-0 tw-bg-gray-600 tw-bg-opacity-50 tw-backdrop-blur-[1px] tw-z-[1000] tw-flex tw-items-center tw-justify-center"
       onClick={(e) => e.stopPropagation()}
     >
       <div
@@ -31,7 +32,7 @@ const VotingModal: React.FC<VotingModalProps> = ({
       ></div>
 
       <div
-        className="tw-w-full tw-max-w-2xl tw-z-10"
+        className="tw-w-full tw-max-w-2xl tw-z-10 tw-px-4"
         onClick={(e) => e.stopPropagation()}
       >
         <ModalLayout title="Vote for this artwork" onCancel={onClose}>
@@ -46,6 +47,8 @@ const VotingModal: React.FC<VotingModalProps> = ({
       </div>
     </div>
   );
+
+  return createPortal(modalContent, document.body);
 };
 
 export default VotingModal;