fix: support development environment

components/report-details/support/dialog.tsx

@@ -42,7 +42,17 @@ const SupportContent = ({
 			</div>
 		);
 	}
-	return <SupportReportForm hypercertId={hypercertId} />;
+	// TODO: remove this when we don't need dummy order
+	if (process.env.DEPLOY_ENV === "production") {
+		return <SupportReportForm hypercertId={hypercertId} />;
+	}
+	return (
+		<SupportReportForm
+			hypercertId={
+				"0xa16dfb32eb140a6f3f2ac68f41dad8c7e83c4941-39472754562828861761751454462085112528896"
+			}
+		/>
+	);
 };
 
 const ReportSupportUI = ({

components/report-details/support/form.tsx

@@ -151,7 +151,8 @@ const SupportReportForm = ({ hypercertId }: SupportReportFormProps) => {
 	const { form, onSubmit, isProcessing } = useSupportForm(
 		Number(dollarAmountNeeded),
 		pricePerUnit,
-		orders?.[0],
+		// TODO: remove this when we don't need dummy order
+		process.env.DEPLOY_ENV === "production" ? orders?.[0] : orders?.[5],
 		handleBuyFraction,
 		address,
 		hypercertId,

hooks/use-support-form.ts

@@ -6,7 +6,7 @@ import type { Address } from "viem";
 import { z } from "zod";
 import type { useHandleBuyFraction } from "./use-buy-fraction";
 
-interface SupportFormInputs {
+export interface SupportFormInputs {
   fractionPayment: number;
   comment: string;
   hideName: boolean;

lib/impact-reports.ts

@@ -103,6 +103,9 @@ export const fetchReports = async (): Promise<Report[]> => {
 
       	// step 3: get orders from marketplace
       	const orders = await getOrders(reports);
+
+        // TODO: remove this when we don't need dummy order
+        if (process.env.DEPLOY_ENV === "production") {
       	reports = reports.map((report) => {
       		for (const order of orders) {
       			if (order && order.hypercertId === report.hypercertId) {
@@ -118,8 +121,23 @@ export const fetchReports = async (): Promise<Report[]> => {
       		}
       		return report;
       	});
-
-      console.log(`report order ${JSON.stringify(reports[0].order)}`);
+      } else {
+        reports = reports.map((report) => {
+      		for (const order of orders) {
+      			if (order) {
+      				report.order = order;
+      				break;
+      			}
+      		}
+      		// not fully funded reports should have an order
+      		if (!report.order && report.fundedSoFar < report.totalCost) {
+      			throw new Error(
+      				`[server] No order found for hypercert ${report.hypercertId}`,
+      			);
+      		}
+      		return report;
+      	});
+      }
       console.log(`[server] total fetched reports: ${reports.length}`);
     }
 

lib/marketplace.ts

@@ -59,16 +59,31 @@ export async function getOrders(reports: Report[]): Promise<(Order | null)[]> {
     	);
     	console.log(`[server] existing Hypercert orders: ${orders.length}`);
     } else {
-    // fetch only orders for reports that are not fully funded
+
+      // TODO: remove this when we don't need dummy order
+    if (process.env.DEPLOY_ENV === "production") {
+      // fetch only orders for reports that are not fully funded
+      orders = await Promise.all(
+        reports.map((report) =>
+          report.fundedSoFar < report.totalCost
+            ? fetchOrder(report.hypercertId)
+            : null
+        )
+      );
+      console.log(`[server] fetched orders: ${orders.length}`);
+    } else {
+      // fetch only orders for reports that are not fully funded
     orders = await Promise.all(
       reports.map((report) =>
         report.fundedSoFar < report.totalCost
-          ? fetchOrder(report.hypercertId)
+          ? fetchOrder("0xa16dfb32eb140a6f3f2ac68f41dad8c7e83c4941-39472754562828861761751454462085112528896")
           : null
       )
     );
-    console.log(`[server] fetched orders: ${orders.length}`);
+    console.log(`[server] fetched orders: ${orders.filter(order => order !== null).length}`);
+    }
     }
+
     return orders;
   } catch (error) {
     console.error(`[server] Failed to fetch orders: ${error}`);

next.config.mjs

@@ -7,7 +7,7 @@ const nextConfig = {
 	images: {
 		remotePatterns: [
 			{
-				hostname: "directus.voicedeck.org",
+				hostname: process.env.DEPLOY_ENV === "production" ? "directus.voicedeck.org" : "directus.vd-dev.org",
 				protocol: "https",
 			}
 		]