testnet-onboarding-app/src/App.tsx

import React from "react";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

import ConnectWallet from "./pages/ConnectWallet";
import SignWithNitroKey from "./pages/SignWithNitroKey";
import SignWithCosmos from "./pages/SignWithCosmos";
import PageNotFound from "./pages/PageNotFound";
import OnboardingSuccess from "./pages/OnboardingSuccess";
import SignPageLayout from "./layout/SignPageLayout";
import { WalletConnectProvider } from "./context/WalletConnectContext";

function App() {
  return (
    <Router>
      <WalletConnectProvider>
        <Routes>
          <Route path="/" element={<ConnectWallet />} />
          <Route element={<SignPageLayout />}>
            <Route path="/sign-with-nitro-key" element={<SignWithNitroKey />} />
            <Route
              path="/sign-with-cosmos/:cosmosAddress/:ethSignature"
              element={<SignWithCosmos />}
            />
            <Route
              path="/onboarding-success/:cosmosAddress"
              element={<OnboardingSuccess />}
            ></Route>
          </Route>
          <Route path="*" element={<PageNotFound />} />
        </Routes>
      </WalletConnectProvider>
    </Router>
  );
}

export default App;