✨ Register: Show list of active products

🛠 Generate apollo client typescript helpers from graphql schema

frontend/src/features/Register.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+import {Product, useAllProductsQuery} from '../types';
+
+export const Register: React.FC = () => {
+  const { data, error, loading } = useAllProductsQuery({variables:{active: true}});
+  if(error) {
+    console.log('🔥', error)
+    return null;
+  }
+  if(loading) {
+    return <div>...</div>
+  }
+  return (<div>{data?.allProducts.map((product: Product) => {
+    return <div key={product.id}>{product.name}</div>
+  })} </div>)
+};

frontend/src/features/allProducts.graphql

@@ -0,0 +1,8 @@
+query allProducts($active: Boolean!) {
+  allProducts(filters: {active: $active}) {
+    id
+    name
+    salePriceExt
+    salePriceInt
+  }
+}