diff --git a/apps/ui/src/App.tsx b/apps/ui/src/App.tsx index 9f4b05fcd..fde766901 100644 --- a/apps/ui/src/App.tsx +++ b/apps/ui/src/App.tsx @@ -23,6 +23,7 @@ import StakePage from "./pages/StakePage"; import SwapPage from "./pages/SwapPage"; import SwapPageV2 from "./pages/SwapPageV2"; import TosPage from "./pages/TosPage"; +import WormholePage from "./pages/WormholePage"; function App(): ReactElement { return ( @@ -64,6 +65,7 @@ function App(): ReactElement { {process.env.REACT_APP_ENABLE_POOL_RESTRUCTURE && ( } /> )} + } /> } /> } /> } /> diff --git a/apps/ui/src/pages/WormholePage.scss b/apps/ui/src/pages/WormholePage.scss new file mode 100644 index 000000000..010e88b94 --- /dev/null +++ b/apps/ui/src/pages/WormholePage.scss @@ -0,0 +1,10 @@ +.wormholeForm { + width: 500px; + transition: all 0.5s ease; +} + +@media (min-width: 768px) { + .wormholeForm { + min-width: 460px; + } +} diff --git a/apps/ui/src/pages/WormholePage.tsx b/apps/ui/src/pages/WormholePage.tsx new file mode 100644 index 000000000..3d12a9f16 --- /dev/null +++ b/apps/ui/src/pages/WormholePage.tsx @@ -0,0 +1,38 @@ +import { + EuiPage, + EuiPageBody, + EuiPageContent, + EuiPageContentBody, + EuiSpacer, + EuiTitle, +} from "@elastic/eui"; +import type { ReactElement } from "react"; +import { useTranslation } from "react-i18next"; + +import { WormholeForm } from "../components/WormholeForm"; +import { useTitle } from "../hooks"; + +import "./WormholePage.scss"; + +const WormholePage = (): ReactElement => { + const { t } = useTranslation(); + useTitle(t("nav.wormhole")); + + return ( + + + + + +

{"Wormhole"}

+
+ + +
+
+
+
+ ); +}; + +export default WormholePage;