feat/use hypercert api to show reports on homepage

app/routes/_index.tsx

@@ -1,41 +1,53 @@
 import type { MetaFunction } from "@remix-run/node";
+import { json, useLoaderData } from "@remix-run/react";
+import { fetchReports } from "~/server/impactReportHelpers";
+import { Report } from "~/types";
 
 export const meta: MetaFunction = () => {
 	return [
-		{ title: "New Remix App" },
-		{ name: "description", content: "Welcome to Remix!" },
+		{ title: "VoiceDeck" },
+		{ name: "description", content: "Welcome to VoiceDeck!" },
 	];
 };
 
+export const loader = async () => {
+	const ownerAddress = process.env.HC_OWNER_ADDRESS;
+	try {
+		if (!ownerAddress) {
+			throw new Error("Owner address environment variable is not set");
+		}
+		const response = await fetchReports(ownerAddress);
+		return json(response);
+	} catch (error) {
+		console.error(`Failed to load impact reports: ${error}`);
+		return new Response(
+			JSON.stringify({ error: "Failed to load impact reports" }),
+			{
+				status: 500,
+				statusText: "Internal Server Error",
+			},
+		);
+	}
+};
+
 export default function Index() {
+	const reports = useLoaderData<typeof loader>();
 	return (
-		<div>
-			<h1 className="text-7xl">Welcome to Remix</h1>
-			<ul>
-				<li>
-					<a
-						target="_blank"
-						href="https://remix.run/tutorials/blog"
-						rel="noreferrer"
-					>
-						15m Quickstart Blog Tutorial
-					</a>
-				</li>
-				<li>
-					<a
-						target="_blank"
-						href="https://remix.run/tutorials/jokes"
-						rel="noreferrer"
-					>
-						Deep Dive Jokes App Tutorial
-					</a>
-				</li>
-				<li>
-					<a target="_blank" href="https://remix.run/docs" rel="noreferrer">
-						Remix Docs
-					</a>
-				</li>
-			</ul>
+		<div className="flex flex-col gap-10">
+			<h1 className="text-7xl">VoiceDeck</h1>
+			<h2 className="text-5xl">Reports</h2>
+			{reports.map((report: Report) => (
+				<div key={report.id}>
+					<div>ID: {report.id}</div>
+					<div>TTILE: {report.title}</div>
+					<div>SUMMARY: {report.summary}</div>
+					<div>IMAGE: {report.image.slice(0, 50)}</div>
+					<div>STATE: {report.state}</div>
+					<div>CATEGORY: {report.category}</div>
+					<div>TOTAL COST: {report.totalCost}</div>
+					<div>FUNDED SO FAR: {report.fundedSoFar}</div>
+				</div>
+			))}
 		</div>
 	);
 }

vite.config.ts.timestamp-1706631964230-8ff711d0ab27c.mjs

@@ -0,0 +1,15 @@
+// vite.config.ts
+import million from "file:///Users/cjrose/Documents/VoiceDeck/app/node_modules/.pnpm/[email protected]/node_modules/million/dist/packages/compiler.mjs";
+import { unstable_vitePlugin as remix } from "file:///Users/cjrose/Documents/VoiceDeck/app/node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@remix-run/dev/dist/index.js";
+import { defineConfig } from "file:///Users/cjrose/Documents/VoiceDeck/app/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/index.js";
+import tsconfigPaths from "file:///Users/cjrose/Documents/VoiceDeck/app/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vite-tsconfig-paths/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [million.vite({ auto: true }), remix(), tsconfigPaths()],
+  test: {
+    include: ["./app/**/*.test.ts"]
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvY2pyb3NlL0RvY3VtZW50cy9Wb2ljZURlY2svYXBwXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvY2pyb3NlL0RvY3VtZW50cy9Wb2ljZURlY2svYXBwL3ZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy9janJvc2UvRG9jdW1lbnRzL1ZvaWNlRGVjay9hcHAvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgbWlsbGlvbiBmcm9tICdtaWxsaW9uL2NvbXBpbGVyJztcbmltcG9ydCB7IHVuc3RhYmxlX3ZpdGVQbHVnaW4gYXMgcmVtaXggfSBmcm9tIFwiQHJlbWl4LXJ1bi9kZXZcIjtcbmltcG9ydCB7IGRlZmluZUNvbmZpZyB9IGZyb20gXCJ2aXRlXCI7XG5pbXBvcnQgdHNjb25maWdQYXRocyBmcm9tIFwidml0ZS10c2NvbmZpZy1wYXRoc1wiO1xuXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xuICBwbHVnaW5zOiBbbWlsbGlvbi52aXRlKHsgYXV0bzogdHJ1ZSB9KSwgcmVtaXgoKSwgdHNjb25maWdQYXRocygpXSxcbiAgdGVzdDoge1xuICAgICAgICAgIGluY2x1ZGU6IFtcIi4vYXBwLyoqLyoudGVzdC50c1wiXSxcbiAgfSxcbn0pO1xuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFpUyxPQUFPLGFBQWE7QUFDclQsU0FBUyx1QkFBdUIsYUFBYTtBQUM3QyxTQUFTLG9CQUFvQjtBQUM3QixPQUFPLG1CQUFtQjtBQUUxQixJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMxQixTQUFTLENBQUMsUUFBUSxLQUFLLEVBQUUsTUFBTSxLQUFLLENBQUMsR0FBRyxNQUFNLEdBQUcsY0FBYyxDQUFDO0FBQUEsRUFDaEUsTUFBTTtBQUFBLElBQ0UsU0FBUyxDQUFDLG9CQUFvQjtBQUFBLEVBQ3RDO0FBQ0YsQ0FBQzsiLAogICJuYW1lcyI6IFtdCn0K