fix: move /profile to /nfts/profile (#5084)

* fix: move /profile to /nfts/profile

* add back variable

* fix

* rm shouldShowBag

src/components/NavBar/ShoppingBag.tsx

@@ -23,7 +23,7 @@ export const ShoppingBag = () => {
     setSellQuantity(sellAssets.length)
   }, [sellAssets])
 
-  const isProfilePage = location.pathname === '/profile'
+  const isProfilePage = location.pathname === '/nfts/profile'
 
   return (
     <NavIcon onClick={toggleBag}>

src/components/NavBar/index.tsx

@@ -70,7 +70,7 @@ const PageTabs = () => {
 
 const Navbar = () => {
   const { pathname } = useLocation()
-  const isNftPage = pathname.startsWith('/nfts') || pathname.startsWith('/profile')
+  const isNftPage = pathname.startsWith('/nfts')
 
   return (
     <>

src/components/WalletDropdown/AuthenticatedHeader.tsx

@@ -133,7 +133,7 @@ const AuthenticatedHeader = () => {
   }, [balanceString, nativeCurrencyPrice])
 
   const navigateToProfile = () => {
-    navigate('/profile')
+    navigate('/nfts/profile')
     closeModal()
   }
 

src/nft/components/bag/Bag.tsx

@@ -87,9 +87,8 @@ const Bag = () => {
   const setBagExpanded = useBag((state) => state.setBagExpanded)
 
   const { pathname } = useLocation()
-  const isProfilePage = pathname.startsWith('/profile')
+  const isProfilePage = pathname.startsWith('/nfts/profile')
   const isNFTPage = pathname.startsWith('/nfts')
-  const shouldShowBag = isNFTPage || isProfilePage
   const isMobile = useIsMobile()
 
   const isDetailsPage = pathname.includes('/nfts/asset/')
@@ -266,7 +265,7 @@ const Bag = () => {
 
   return (
     <>
-      {bagExpanded && shouldShowBag ? (
+      {bagExpanded && isNFTPage ? (
         <Portal>
           <Column zIndex={isMobile || isOpen ? 'modal' : '3'} className={styles.bagContainer}>
             {!(isProfilePage && profilePageState === ProfilePageStateType.LISTING) ? (

src/nft/components/bag/EmptyContent.tsx

@@ -15,7 +15,7 @@ const StyledColumn = styled(Column)<{ isProfilePage?: boolean }>`
 
 const EmptyState = () => {
   const { pathname } = useLocation()
-  const isProfilePage = pathname.startsWith('/profile')
+  const isProfilePage = pathname.startsWith('/nfts/profile')
 
   return (
     <StyledColumn isProfilePage={isProfilePage}>

src/pages/App.tsx

@@ -242,7 +242,6 @@ export default function App() {
 
                   {nftFlag === NftVariant.Enabled && (
                     <>
-                      <Route path="/profile" element={<Profile />} />
                       <Route path="/nfts" element={<NftExplore />} />
                       <Route
                         path="/nfts/asset/:contractAddress/:tokenId"
@@ -252,6 +251,7 @@ export default function App() {
                           </Suspense>
                         }
                       />
+                      <Route path="/nfts/profile" element={<Profile />} />
                       <Route path="/nfts/collection/:contractAddress" element={<Collection />} />
                       <Route path="/nfts/collection/:contractAddress/activity" element={<Collection />} />
                     </>

src/theme/RadialGradientByChainUpdater.ts

@@ -30,7 +30,7 @@ export default function RadialGradientByChainUpdater(): null {
   const { chainId } = useWeb3React()
   const [darkMode] = useDarkModeManager()
   const { pathname } = useLocation()
-  const isNftPage = pathname.startsWith('/nfts') || pathname.startsWith('/profile')
+  const isNftPage = pathname.startsWith('/nfts')
 
   // manage background color
   useEffect(() => {