added some children for testing

theopensystemslab · Jan 8, 2025 · a406040 · a406040
1 parent f5983b1
commit a406040
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/app/components/ui/Dashboard.tsx b/app/components/ui/Dashboard.tsx
@@ -26,12 +26,17 @@ const Dashboard: React.FC<DashboardProps> = ({ data }) => {
   return (
     <div className="snap-container">
       <div className="snap-scroll" ref={scrollContainerRef}>
-        <GraphCard title="How much would a Fairhold home cost?" />
-        <GraphCard title="How much would it cost every month?" />
-        <GraphCard title="How would the cost change over my life?" />
-        <GraphCard title="How much could I sell it for?" />
-        <GraphCard title="What difference would Fairhold make to me, my community, and the world?" />
-        <GraphCard title="What would you choose?" />
+        <GraphCard title="How much would a Fairhold home cost?">
+          <span className="text-red-500">Not much</span>
+        </GraphCard>
+
+        <GraphCard title="How much would it cost every month?">
+          <span className="text-red-500">in theory less than Freehold</span>
+        </GraphCard>
+        <GraphCard title="How would the cost change over my life?"></GraphCard>
+        <GraphCard title="How much could I sell it for?"></GraphCard>
+        <GraphCard title="What difference would Fairhold make to me, my community, and the world?"></GraphCard>
+        <GraphCard title="What would you choose?"></GraphCard>
       </div>
 
       <div className="fixed bottom-4 right-4">

diff --git a/app/components/ui/GraphCard.tsx b/app/components/ui/GraphCard.tsx
@@ -4,10 +4,11 @@ type Props = React.PropsWithChildren<{
   title: string;
 }>;
 
-const GraphCard: React.FC<Props> = ({ title }) => {
+const GraphCard: React.FC<Props> = ({ title, children }) => {
   return (
     <div className="h-screen snap-start">
       <span className="text-2xl text-black">{title}</span>
+      {children && <div className="mt-4">{children}</div>}
     </div>
   );
 };