Merge pull request #944 from jotel-dev/fix/623-stream-creation-polling

#623 [Frontend] StreamCreationWizard.startPolling hits wrong URL and wrong shape

Author: ogazboiz

backend/tests/deprecated.test.ts

@@ -15,7 +15,7 @@ import toast from "react-hot-toast";
  *  - Error state: "Failed to load streams" with a retry button
  */
 
-import { Skeleton } from "@/components/ui/Skeleton";
+
 import {
   getDashboardAnalytics,
   fetchDashboardData,
@@ -108,8 +108,10 @@ const SIDEBAR_ITEMS: SidebarItem[] = [
 /** Shimmer card used as a placeholder while data loads */
 function SkeletonCard({ className = "" }: { className?: string }) {
   return (
-    <div className={`relative overflow-hidden rounded-2xl ${className}`} aria-hidden="true">
-      <Skeleton className="w-full h-full" />
+    <div
+      className={`animate-pulse bg-gray-200 dark:bg-gray-700 rounded-2xl relative overflow-hidden ${className}`}
+      aria-hidden="true"
+    >
       {/* shimmer sweep */}
       <div className="absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-white/10 to-transparent" />
     </div>

frontend/src/components/dashboard/dashboard-view.tsx

@@ -14,6 +14,7 @@ import { fetchTokenBalanceDisplay } from "@/lib/soroban";
 import { isValidStellarPublicKey } from "@/lib/stellar";
 import toast from "react-hot-toast";
 import { useRouter } from "next/navigation";
+import { getApiBaseUrl } from "@/lib/api/_shared";
 
 export interface StreamFormData {
   recipient: string;
@@ -349,18 +350,20 @@ export const StreamCreationWizard: React.FC<StreamCreationWizardProps> = ({
     const startTime = Date.now();
     const TIMEOUT_MS = 30000; // 30 seconds
     const POLL_INTERVAL = 2000; // 2 seconds
+    const baseUrl = getApiBaseUrl();
 
     while (Date.now() - startTime < TIMEOUT_MS) {
       try {
-        const response = await fetch(`/v1/streams?sender=${senderAddress}`);
-        const streams = await response.json();
+        const response = await fetch(`${baseUrl}/v1/streams?sender=${senderAddress}`);
+        const payload = await response.json();
+        const streams = Array.isArray(payload) ? payload : (payload.data ?? []);
 
         // Assuming the latest stream is what we want
         if (streams && streams.length > 0) {
           // Found!
           const newStream = streams[0]; // Simplification
           toast.success("Stream indexed and confirmed!");
-          router.push(`/app/streams/${newStream.streamId}`); // Updated path to match new structure
+          router.push(`/streams/${newStream.streamId}`); // Updated path to match new structure
           return;
         }
       } catch (e) {
@@ -384,7 +387,7 @@ export const StreamCreationWizard: React.FC<StreamCreationWizardProps> = ({
 
         // Step 2: Start Polling for Indexer
         setIsPolling(true);
-        await startPolling(formData.recipient);
+        await startPolling(walletPublicKey || "");
 
       } catch (error) {
         logger.error("Failed to create stream:", error);

frontend/src/components/stream-creation/StreamCreationWizard.tsx

@@ -50,7 +50,7 @@ export function useWithdrawIncomingStream(
     },
     onMutate: async (stream) => {
       if (!publicKey) {
-        return {};
+        return { previousStreams: undefined, expectedWithdrawn: stream.withdrawn };
       }
 
       // Cancel any outgoing refetches (so they don't overwrite our optimistic update)

frontend/src/hooks/useIncomingStreams.ts

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react';
 import path from 'path';
 
 export default defineConfig({
+  // @ts-expect-error type mismatch between vite versions in monorepo
   plugins: [react()],
   resolve: {
     alias: {