fetch data

Author: nikgraf

apps/create-hypergraph/template-vite-react/src/mapping.ts

@@ -26,4 +26,22 @@ export const mapping: Mapping.Mapping = {
       avatar: Id('1155beff-fad5-49b7-a2e0-da4777b8792c'),
     },
   },
+  Dapp: {
+    typeIds: [Id('8ca136d0-698a-4bbf-a76b-8e2741b2dc8c')],
+    properties: {
+      name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
+    },
+  },
+  InvestmentRound: {
+    typeIds: [Id('8f03f4c9-59e4-44a8-a625-c0a40b1ff330')],
+    properties: {
+      name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
+    },
+  },
+  Asset: {
+    typeIds: [Id('f8780a80-c238-4a2a-96cb-567d88b1aa63')],
+    properties: {
+      name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
+    },
+  },
 };

apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/asset-market.tsx

@@ -1,14 +1,23 @@
+import { Asset } from '@/schema';
+import { useQuery } from '@graphprotocol/hypergraph-react';
 import { createFileRoute } from '@tanstack/react-router';
 
+export const Route = createFileRoute('/explore-public-knowledge/asset-market')({
+  component: AssetMarket,
+});
+
 function AssetMarket() {
+  const { data: assets, isPending } = useQuery(Asset, {
+    mode: 'public',
+    space: 'b2565802-3118-47be-91f2-e59170735bac',
+    first: 40,
+  });
+
+  console.log(assets, isPending);
   return (
     <div className="container mx-auto px-0 py-0">
       <h1 className="text-3xl font-bold mb-2">Asset Market</h1>
       <p className="text-muted-foreground">Coming soon.</p>
     </div>
   );
 }
-
-export const Route = createFileRoute('/explore-public-knowledge/asset-market')({
-  component: AssetMarket,
-});

apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/dapps.tsx

@@ -1,14 +1,24 @@
+import { Dapp } from '@/schema';
+import { useQuery } from '@graphprotocol/hypergraph-react';
 import { createFileRoute } from '@tanstack/react-router';
 
+export const Route = createFileRoute('/explore-public-knowledge/dapps')({
+  component: Dapps,
+});
+
 function Dapps() {
+  const { data: dapps, isPending } = useQuery(Dapp, {
+    mode: 'public',
+    space: 'b2565802-3118-47be-91f2-e59170735bac',
+    first: 40,
+  });
+
+  console.log(dapps, isPending);
+
   return (
     <div className="container mx-auto px-0 py-0">
       <h1 className="text-3xl font-bold mb-2">dApps</h1>
       <p className="text-muted-foreground">Coming soon.</p>
     </div>
   );
 }
-
-export const Route = createFileRoute('/explore-public-knowledge/dapps')({
-  component: Dapps,
-});

apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/investment-rounts.tsx

@@ -1,14 +1,23 @@
+import { InvestmentRound } from '@/schema';
+import { useQuery } from '@graphprotocol/hypergraph-react';
 import { createFileRoute } from '@tanstack/react-router';
 
+export const Route = createFileRoute('/explore-public-knowledge/investment-rounts')({
+  component: InvestmentRounts,
+});
+
 function InvestmentRounts() {
+  const { data: investmentRounds, isPending } = useQuery(InvestmentRound, {
+    mode: 'public',
+    space: 'b2565802-3118-47be-91f2-e59170735bac',
+    first: 40,
+  });
+
+  console.log(investmentRounds, isPending);
   return (
     <div className="container mx-auto px-0 py-0">
       <h1 className="text-3xl font-bold mb-2">Investment Rounts</h1>
       <p className="text-muted-foreground">Coming soon.</p>
     </div>
   );
 }
-
-export const Route = createFileRoute('/explore-public-knowledge/investment-rounts')({
-  component: InvestmentRounts,
-});

apps/create-hypergraph/template-vite-react/src/schema.ts

@@ -15,3 +15,15 @@ export class Project extends Entity.Class<Project>('Project')({
   xUrl: Type.optional(Type.String),
   avatar: Type.Relation(Image),
 }) {}
+
+export class Dapp extends Entity.Class<Dapp>('Dapp')({
+  name: Type.String,
+}) {}
+
+export class InvestmentRound extends Entity.Class<InvestmentRound>('InvestmentRound')({
+  name: Type.String,
+}) {}
+
+export class Asset extends Entity.Class<Asset>('Asset')({
+  name: Type.String,
+}) {}