diff --git a/src/app/(auth)/connect/page.tsx b/src/app/(auth)/connect/page.tsx index 26c2138..4488759 100644 --- a/src/app/(auth)/connect/page.tsx +++ b/src/app/(auth)/connect/page.tsx @@ -4,6 +4,9 @@ import { useRouter, useSearchParams } from "next/navigation"; import { useAuth } from "@/lib/hooks/use-auth"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"; +import { Wallet, Shield, ArrowRight, Loader2, AlertCircle, Globe } from "lucide-react"; +import { isFreighterInstalled, getFreighterNetwork } from "@/lib/stellar/wallet"; +import { useEffect, useState } from "react"; import { Wallet, Shield, Loader2, AlertCircle } from "lucide-react"; import { isFreighterInstalled } from "@/lib/stellar/wallet"; import { useEffect, useState, Suspense } from "react"; @@ -35,6 +38,13 @@ export default function ConnectPage() { const [freighterInstalled, setFreighterInstalled] = useState( null ); + // #500 — Track actual Freighter network to show correct badge + const [freighterNetwork, setFreighterNetwork] = useState(null); + + useEffect(() => { + isFreighterInstalled().then(setFreighterInstalled); + // #500 — Get actual network from Freighter + getFreighterNetwork().then(setFreighterNetwork).catch(() => setFreighterNetwork(null)); const connectingFromPage = useRef(false); useEffect(() => { @@ -213,6 +223,14 @@ export default function ConnectPage() { )} + {/* #500 — Show actual Freighter network */} + {freighterNetwork && ( +
+ + Network: {freighterNetwork} +
+ )} +

diff --git a/src/app/courses/[courseId]/modules/[moduleId]/page.tsx b/src/app/courses/[courseId]/modules/[moduleId]/page.tsx index 95983c6..43b5941 100644 --- a/src/app/courses/[courseId]/modules/[moduleId]/page.tsx +++ b/src/app/courses/[courseId]/modules/[moduleId]/page.tsx @@ -19,6 +19,7 @@ import { } from "lucide-react"; import Link from "next/link"; import { useState } from "react"; +import { isTextContent, isVideoContent, isInteractiveContent } from "@/types/course"; export default function ModulePage({ params, @@ -109,6 +110,24 @@ export default function ModulePage({

{module.description}

+ {/* #498 — Render module content with proper type handling */} + {isTextContent(module.content) && ( +
+ )} + {isVideoContent(module.content) && ( +
+