wip

Author: gregfromstl

apps/portal/redirects.mjs

@@ -711,6 +711,7 @@ const walletRedirects = {
 };
 
 const paymentRedirects = {
+  "/pay": "/payments",
   "/checkouts": "/payments",
   "/checkouts/api-reference": "/payments/nft-checkout/api-reference",
   "/checkouts/checkout-link": "/payments/nft-checkout/checkout-link",
@@ -741,7 +742,6 @@ const paymentRedirects = {
   "/connect/pay/buy-with-fiat": "/connect/pay/overview",
   "/connect/pay/enable-test-mode": "/connect/pay/guides/enable-test-mode",
   "/connect/pay/guides/enable-test-mode": "/connect/pay/testing-pay",
-  "/payments/:match*": "/connect/pay/overview",
 };
 
 const contractRedirects = {
@@ -921,7 +921,6 @@ const otherRedirects = {
   // connect
   "/connect/connect": "/connect/sign-in",
   "/connect/ecosystems/:path*": "/connect/wallet/overview",
-  "/connect/embedded-wallet/:path*": "/connect/in-app-wallet/:path*",
   "/connect/embedded-wallet/how-to/get-embedded-wallet-details-on-server":
     "/connect/in-app-wallet/how-to/get-in-app-wallet-details-on-server",
   "/connect/in-app-wallet/how-to/get-in-app-wallet-details-on-server":
@@ -1016,11 +1015,11 @@ const otherRedirects = {
   "/unity/wallets/providers/smart-wallet":
     "/unity/wallets/providers/account-abstraction",
   "/wallet/get-started/overview": "/connect/wallet/overview",
-  // wallets > connect redirects
-  "/wallets": "/connect",
-  "/wallets/auth/:path*": "/connect/auth/:path*",
-  "/wallets/connect/:path*": "/connect/connect/:path*",
-  "/wallets/embedded-wallet/:path*": "/connect/embedded-wallet/:path*",
+  // connect > wallets
+  "/connect/:path*": "/wallets/:path*",
+  "/connect/auth/:path*": "/wallets/auth/:path*",
+  "/connect/connect/:path*": "/wallets/connect/:path*",
+  "/connect/embedded-wallet/:path*": "/wallets/embedded-wallet/:path*",
   // account abstraction rename
   "/wallets/smart-wallet/:path*": "/connect/account-abstraction/:path*",
   "/web3-api/:path*": "/infrastructure/engine/overview",

apps/portal/src/app/Header.tsx

@@ -32,11 +32,11 @@ import { ThirdwebIcon } from "../icons/thirdweb";
 
 const links = [
   {
-    href: "/connect",
+    href: "/wallets",
     name: "Wallets",
   },
   {
-    href: "/pay",
+    href: "/payments",
     name: "Payments",
   },
   {
@@ -196,9 +196,10 @@ const supportLinks = [
 export function Header() {
   const [showBurgerMenu, setShowBurgerMenu] = useState(false);
   const router = useRouter();
+  const pathname = usePathname();
 
   return (
-    <header className="flex w-full flex-col gap-2 border-b bg-background p-2 lg:px-4">
+    <header className="flex w-full flex-col gap-2 border-b bg-background pt-4 px-4 lg:px-8 overflow-hidden">
       <div className="container flex items-center justify-between gap-6">
         {/* Top row */}
         <div className="flex items-center gap-2">
@@ -273,7 +274,7 @@ export function Header() {
             {links.map((link) => {
               return (
                 <li
-                  className="flex items-center"
+                  className="flex items-center py-4 relative overflow-hidden"
                   key={link.href}
                   onClick={() => {
                     setShowBurgerMenu(false);
@@ -283,6 +284,9 @@ export function Header() {
                   }}
                 >
                   <NavLink href={link.href} name={link.name} />
+                  {pathname === link.href && (
+                    <div className="bg-violet-700 h-1 left-0.5 right-0.5 rounded-full absolute -bottom-0.5" />
+                  )}
                 </li>
               );
             })}