Merge branch 'main' of github.com:icon-project/sodax-frontend into release/sdk

Author: R0bi7

apps/web/app/(apps)/migrate/_components/success-dialog.tsx

@@ -1,9 +1,10 @@
 'use client';
 
 import Image from 'next/image';
+import Link from 'next/link';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogClose } from '@/components/ui/dialog';
-import { XIcon } from 'lucide-react';
-
+import { ExternalLinkIcon, XIcon } from 'lucide-react';
+import { DISCORD_ROUTE } from '@/constants/routes';
 interface SuccessDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -31,11 +32,15 @@ export function SuccessDialog({ open, onOpenChange }: SuccessDialogProps) {
             Your new assets are now in your wallet. Make sure you have native gas to transact with them.
           </p>
         </div>
-        <div className="text-espresso font-['InterRegular'] font-medium leading-[1.4] text-(size:--body-comfortable)">
+        <div className="text-espresso font-['InterRegular'] font-medium leading-[1.4] text-(size:--body-comfortable) flex flex-wrap items-center gap-1">
           Need help?{' '}
-          <span className="underline hover:text-cherry-brighter transition-colors cursor-pointer hover:font-bold">
-            Join our Discord
-          </span>
+          <Link
+            href={DISCORD_ROUTE}
+            target="_blank"
+            className="inline-flex gap-1 items-center underline hover:text-cherry-brighter transition-colors cursor-pointer hover:font-bold"
+          >
+            Get support on Discord <ExternalLinkIcon className="w-4 h-4" />
+          </Link>
         </div>
       </DialogContent>
     </Dialog>

apps/web/app/(apps)/partner-dashboard/utils/enrichBalancesWithUsdPrices.ts

@@ -1,4 +1,3 @@
-// apps/web/app/(apps)/partner-dashboard/utils/enrichBalancesWithUsdPrices.ts
 import { getAssetUsdPrice } from '@/lib/getAssetUsdPrice';
 import type { PartnerFeeClaimAssetBalance } from '@sodax/sdk';
 

apps/web/app/(apps)/save/_components/asset-list/deposit-input-amount.tsx

@@ -16,6 +16,7 @@ import { useRouter } from 'next/navigation';
 import AssetMetrics from './asset-metrics';
 import { useTokenSupplyBalances } from '@/hooks/useTokenSupplyBalances';
 import { useReservesUsdFormat } from '@sodax/dapp-kit';
+import { SWAP_ROUTE } from '@/constants/routes';
 interface DepositInputAmountProps {
   tokens: XToken[];
   onBack?: () => void;
@@ -230,7 +231,7 @@ export default function DepositInputAmount({ tokens, onBack, apy, deposits }: De
                 <Button
                   variant="cherry"
                   className="w-27 mix-blend-multiply shadow-none"
-                  onMouseDown={() => router.push('/swap')}
+                  onMouseDown={() => router.push(SWAP_ROUTE)}
                 >
                   Get {selectedToken?.symbol}
                 </Button>

apps/web/app/(apps)/save/_components/asset-list/no-results.tsx

@@ -8,6 +8,7 @@ import CurrencyLogo from '@/components/shared/currency-logo';
 import type { XToken } from '@sodax/types';
 import { Twitter } from 'lucide-react';
 import { Button } from '@/components/ui/button';
+import { X_ROUTE } from '@/constants/routes';
 import { useSaveState } from '../../_stores/save-store-provider';
 
 export default function NoResults() {
@@ -28,7 +29,7 @@ export default function NoResults() {
           }}
           transition={{ duration: 0.3, ease: 'easeOut' }}
           onClick={() => {
-            window.open('https://x.com/gosodax', '_blank');
+            window.open(X_ROUTE, '_blank');
           }}
         >
           <Item className="cursor-pointer py-5 px-0 w-full gap-(--layout-space-normal) border-none">

apps/web/app/(apps)/stake/_components/stake-input-panel.tsx

@@ -1,4 +1,3 @@
-// apps/web/app/(apps)/stake/_components/stake-input-panel.tsx
 import type React from 'react';
 import { useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/navigation';
@@ -25,6 +24,7 @@ import { Loader2 } from 'lucide-react';
 import type { SpokeProvider } from '@sodax/sdk';
 import { parseUnits } from 'viem';
 import { ErrorDialog } from '@/components/shared/error-dialog';
+import { SWAP_ROUTE } from '@/constants/routes';
 
 export function StakeInputPanel(): React.JSX.Element {
   const router = useRouter();
@@ -122,7 +122,7 @@ export function StakeInputPanel(): React.JSX.Element {
   };
 
   const handleBuySoda = (): void => {
-    router.push('/swap');
+    router.push(SWAP_ROUTE);
   };
 
   const handleStake = (): void => {

apps/web/app/(apps)/swap/_components/swap-confirm-dialog.tsx

@@ -25,6 +25,7 @@ import { getIntentRelayChainId, SONIC_MAINNET_CHAIN_ID } from '@sodax/types';
 import { getSwapTiming } from '@/lib/swap-timing';
 import { trackSwapCompleted } from '@/lib/analytics';
 import { useTokenPrice } from '@/hooks/useTokenPrice';
+import { DISCORD_ROUTE, X_ROUTE } from '@/constants/routes';
 
 interface SwapConfirmDialogProps {
   open: boolean;
@@ -357,7 +358,7 @@ const SwapConfirmDialog: React.FC<SwapConfirmDialogProps> = ({
             <div className="text-clay-light text-(length:--body-comfortable) font-medium font-['InterRegular'] leading-tight text-center flex justify-center gap-1 items-center">
               Enjoying SODAX?
               <Link
-                href="https://x.com/gosodax"
+                href={X_ROUTE}
                 target="_blank"
                 className="flex gap-1 hover:font-bold text-clay items-center leading-[1.4]"
               >
@@ -368,7 +369,7 @@ const SwapConfirmDialog: React.FC<SwapConfirmDialogProps> = ({
             <div className="text-clay-light text-(length:--body-comfortable) font-medium font-['InterRegular'] leading-tight text-center flex justify-center gap-1 items-center">
               Need help?
               <Link
-                href="https://discord.gg/xM2Nh4S6vN"
+                href={DISCORD_ROUTE}
                 target="_blank"
                 className="flex gap-1 hover:font-bold text-clay items-center leading-[1.4]"
               >

apps/web/app/(apps)/swap/page.tsx

@@ -21,6 +21,7 @@ import { calculateMaxAvailableAmount, formatBalance } from '@/lib/utils';
 import { motion } from 'framer-motion';
 import { itemVariants, listVariants } from '@/constants/animation';
 import { getSwapTiming } from '@/lib/swap-timing';
+import { DISCORD_ROUTE } from '@/constants/routes';
 
 export default function SwapPage() {
   const { inputToken, outputToken, inputAmount, isSwapAndSend, customDestinationAddress, slippageTolerance } =
@@ -259,7 +260,7 @@ export default function SwapPage() {
             <div className="mt-(--layout-space-comfortable) text-clay-light text-(length:--body-comfortable) font-medium font-['InterRegular'] leading-tight flex gap-1 items-center">
               Need help?
               <Link
-                href="https://x.com/sodaxlabs"
+                href={DISCORD_ROUTE}
                 target="_blank"
                 className="flex gap-1 hover:font-bold text-clay items-center leading-[1.4]"
               >

apps/web/app/cms/articles/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { redirect } from "next/navigation";
+import { CMS_ARTICLES_ROUTE, CMS_LOGIN_ROUTE } from "@/constants/routes";
 import { requirePermission } from "@/lib/auth-utils";
 import { ArticleForm } from "@/components/cms/article-form";
 import { getDb } from "@/lib/db";
@@ -21,11 +22,11 @@ export default async function EditArticlePage({ params }: PageProps) {
     const article = await collection.findOne({ _id: new ObjectId(id) });
 
     if (!article) {
-      redirect("/cms/articles");
+      redirect(CMS_ARTICLES_ROUTE);
     }
 
     return <ArticleForm article={article} />;
   } catch (error) {
-    redirect("/cms/login");
+    redirect(CMS_LOGIN_ROUTE);
   }
 }

apps/web/app/cms/articles/new/page.tsx

@@ -1,4 +1,5 @@
 import { redirect } from "next/navigation";
+import { CMS_DASHBOARD_ROUTE } from "@/constants/routes";
 import { requirePermission } from "@/lib/auth-utils";
 import { ArticleForm } from "@/components/cms/article-form";
 
@@ -10,6 +11,6 @@ export default async function CreateArticlePage() {
     await requirePermission("articles");
     return <ArticleForm />;
   } catch (error) {
-    redirect("/cms/dashboard");
+    redirect(CMS_DASHBOARD_ROUTE);
   }
 }

apps/web/app/cms/articles/page.tsx

@@ -1,4 +1,5 @@
 import { redirect } from "next/navigation";
+import { CMS_DASHBOARD_ROUTE } from "@/constants/routes";
 import { requirePermission } from "@/lib/auth-utils";
 import { ArticlesListView } from "@/components/cms/articles-list-view";
 
@@ -10,6 +11,6 @@ export default async function ArticlesManagementPage() {
     await requirePermission("articles");
     return <ArticlesListView />;
   } catch (error) {
-    redirect("/cms/dashboard");
+    redirect(CMS_DASHBOARD_ROUTE);
   }
 }