feat: x_swap_bridge: integrating bridge and swap with xswap widget

LedgityLabs · Jul 12, 2024 · a2123ed · a2123ed
1 parent f87a5de
commit a2123ed
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/env.mjs b/env.mjs
@@ -5,9 +5,9 @@ export const env = createEnv({
   server: {
     TWITTER_CLIENT_ID: z.string().optional(),
     TWITTER_CLIENT_SECRET: z.string().optional(),
-    IPINFO_TOKEN: z.string(),
-    SCORECHAIN_API_KEY: z.string(),
-    AML_ALERT_WEBHOOK: z.string().url(),
+    IPINFO_TOKEN: z.string().optional(),
+    SCORECHAIN_API_KEY: z.string().optional(),
+    AML_ALERT_WEBHOOK: z.string().url().optional(),
   },
   client: {
     NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID: z.string(),

diff --git a/package.json b/package.json
@@ -63,6 +63,7 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@rainbow-me/rainbowkit": "^2",
+    "@swing.xyz/ui": "^0.54.2",
     "@t3-oss/env-nextjs": "^0",
     "@tanstack/react-query": "^5.20.2",
     "@tanstack/react-table": "^8.11.2",

diff --git a/src/app/app/[tab]/AppTabs.tsx b/src/app/app/[tab]/AppTabs.tsx
@@ -12,6 +12,8 @@ import { AppPreMining } from "@/components/app/pre-mining/AppPreMining";
 import { SessionProvider } from "next-auth/react";
 import { AppStaking } from "@/components/app/staking/AppStaking";
 import Link from "next/link";
+import "@swing.xyz/ui/theme.css";
+import { AppBridge } from "@/components/app/bridge/AppBridge";
 
 interface Props {
   defaultTab: string;
@@ -72,6 +74,7 @@ const _AppTabs: FC = () => {
           Pre-Mining
         </TabsTrigger>
         <TabsTrigger value="dashboard">Dashboard</TabsTrigger>
+        <TabsTrigger value="bridge">Swap</TabsTrigger>
       </TabsList>
       <div className="[&_>_*]:animate-fadeAndMoveIn [&_>_*]:[animation-duration:300ms] sm:px-5 max-w-[100vw]">
         <SessionProvider>
@@ -90,6 +93,9 @@ const _AppTabs: FC = () => {
           <TabsContent value="dashboard">
             <AppDashboard />
           </TabsContent>
+          <TabsContent value="bridge">
+            <AppBridge />
+          </TabsContent>
         </SessionProvider>
       </div>
     </Tabs>

diff --git a/src/components/app/bridge/AppBridge.tsx b/src/components/app/bridge/AppBridge.tsx
@@ -0,0 +1,6 @@
+import "@swing.xyz/ui/theme.css";
+import { Swap } from "@swing.xyz/ui";
+
+export function AppBridge() {
+  return <Swap projectId="swing-bridge" environment="production" />;
+}