From 59ba7c37e2d7cedec41739d1d999a420e2bf108a Mon Sep 17 00:00:00 2001
From: bufan <bufan@hotmail.com>
Date: Fri, 15 Mar 2024 18:21:55 +0800
Subject: [PATCH] fix mobile header style

---
 apps/u3/src/container/fav/FavMobileHeader.tsx |  6 +++++-
 .../notification/NotificationMobileHeader.tsx |  6 +++++-
 .../src/container/profile/ProfileLayout.tsx   |  2 +-
 apps/u3/src/container/profile/ProfileMenu.tsx | 15 +------------
 .../container/profile/ProfileMobileHeader.tsx | 21 +++++++------------
 5 files changed, 19 insertions(+), 31 deletions(-)

diff --git a/apps/u3/src/container/fav/FavMobileHeader.tsx b/apps/u3/src/container/fav/FavMobileHeader.tsx
index dbb2c1f9..8318598f 100644
--- a/apps/u3/src/container/fav/FavMobileHeader.tsx
+++ b/apps/u3/src/container/fav/FavMobileHeader.tsx
@@ -8,12 +8,16 @@
 import { ComponentPropsWithRef } from 'react';
 import { MobileHeaderWrapper } from '@/components/layout/mobile/MobileHeaderCommon';
 import LoginButtonV2Mobile from '@/components/layout/LoginButtonV2Mobile';
+import SearchIconBtn from '@/components/layout/SearchIconBtn';
 
 export default function FavMobileHeader(props: ComponentPropsWithRef<'div'>) {
   return (
     <MobileHeaderWrapper {...props}>
       <div className="text-[#FFF] text-[16px] font-medium">My Favorites</div>
-      <LoginButtonV2Mobile />
+      <div className="flex items-center gap-[20px]">
+        <SearchIconBtn />
+        <LoginButtonV2Mobile />
+      </div>
     </MobileHeaderWrapper>
   );
 }
diff --git a/apps/u3/src/container/notification/NotificationMobileHeader.tsx b/apps/u3/src/container/notification/NotificationMobileHeader.tsx
index f434cb64..693001e0 100644
--- a/apps/u3/src/container/notification/NotificationMobileHeader.tsx
+++ b/apps/u3/src/container/notification/NotificationMobileHeader.tsx
@@ -8,12 +8,16 @@
 import { ComponentPropsWithRef } from 'react';
 import { MobileHeaderWrapper } from '@/components/layout/mobile/MobileHeaderCommon';
 import LoginButtonV2Mobile from '@/components/layout/LoginButtonV2Mobile';
+import SearchIconBtn from '@/components/layout/SearchIconBtn';
 
 export default function FavMobileHeader(props: ComponentPropsWithRef<'div'>) {
   return (
     <MobileHeaderWrapper {...props}>
       <div className="text-[#FFF] text-[16px] font-medium">Notifications</div>
-      <LoginButtonV2Mobile />
+      <div className="flex items-center gap-[20px]">
+        <SearchIconBtn />
+        <LoginButtonV2Mobile />
+      </div>
     </MobileHeaderWrapper>
   );
 }
diff --git a/apps/u3/src/container/profile/ProfileLayout.tsx b/apps/u3/src/container/profile/ProfileLayout.tsx
index 32c16733..bea296e0 100644
--- a/apps/u3/src/container/profile/ProfileLayout.tsx
+++ b/apps/u3/src/container/profile/ProfileLayout.tsx
@@ -85,7 +85,7 @@ export default function ProfileLayout() {
       {/* Desktop */}
       <div className="w-full h-full flex max-sm:hidden">
         <div className="bg-[#1B1E23] w-[280px] h-full">
-          <ProfileMenu isSelf={isSelf} />
+          <ProfileMenu />
         </div>
         <div className="flex-1 h-full overflow-auto" id="profile-warper">
           <Outlet
diff --git a/apps/u3/src/container/profile/ProfileMenu.tsx b/apps/u3/src/container/profile/ProfileMenu.tsx
index 3f9b86cc..b405918f 100644
--- a/apps/u3/src/container/profile/ProfileMenu.tsx
+++ b/apps/u3/src/container/profile/ProfileMenu.tsx
@@ -4,15 +4,10 @@ import { cn } from '@/lib/utils';
 import LoginButtonV2 from '@/components/layout/LoginButtonV2';
 import NavLinkItem from '@/components/layout/NavLinkItem';
 
-interface ProfileMenuProps extends ComponentPropsWithRef<'div'> {
-  isSelf: boolean;
-}
-
 export default function ProfileMenu({
-  isSelf,
   className,
   ...props
-}: ProfileMenuProps) {
+}: ComponentPropsWithRef<'div'>) {
   const { user } = useParams();
   const { pathname } = useLocation();
   const pathSuffix = user ? `/${user}` : '';
@@ -48,14 +43,6 @@ export default function ProfileMenu({
           >
             Activity
           </NavLinkItem>
-          {isSelf && (
-            <NavLinkItem
-              href={`/u/fav${pathSuffix}`}
-              active={pathname === `/u/fav${pathSuffix}`}
-            >
-              Favorites
-            </NavLinkItem>
-          )}
           {/* <NavLinkItem
             href={`/u/asset${pathSuffix}`}
             active={pathname === `/u/asset${pathSuffix}`}
diff --git a/apps/u3/src/container/profile/ProfileMobileHeader.tsx b/apps/u3/src/container/profile/ProfileMobileHeader.tsx
index 0f7eddbb..8baecbae 100644
--- a/apps/u3/src/container/profile/ProfileMobileHeader.tsx
+++ b/apps/u3/src/container/profile/ProfileMobileHeader.tsx
@@ -6,30 +6,23 @@
  * @Description: file description
  */
 import { ComponentPropsWithRef } from 'react';
-import { useLocation, useParams } from 'react-router-dom';
 import {
   MobileHeaderBackBtn,
   MobileHeaderWrapper,
 } from '@/components/layout/mobile/MobileHeaderCommon';
+import LoginButtonV2Mobile from '@/components/layout/LoginButtonV2Mobile';
+import SearchIconBtn from '@/components/layout/SearchIconBtn';
 
 export default function ProfileMobileHeader(
   props: ComponentPropsWithRef<'div'>
 ) {
-  const { pathname } = useLocation();
-  const { user } = useParams();
-  // const isPostsPath = pathname === '/u';
-  // const isContactsPath = pathname === '/u/contacts';
-  // const isActivityPath = pathname === '/u/activity';
-  const isFavPath = pathname === '/u/fav';
-
   return (
     <MobileHeaderWrapper {...props}>
-      {(() => {
-        if (isFavPath) {
-          return <MobileHeaderBackBtn title="My Favorites" />;
-        }
-        return <MobileHeaderBackBtn title={user || 'My Profile'} />;
-      })()}
+      <MobileHeaderBackBtn title="My Profile" />;
+      <div className="flex items-center gap-[20px]">
+        <SearchIconBtn />
+        <LoginButtonV2Mobile />
+      </div>
     </MobileHeaderWrapper>
   );
 }