add decorator to simplify examples

tscircuit · Dec 10, 2024 · 3bbbbdf · 3bbbbdf
1 parent 8b07a55
commit 3bbbbdf
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/cosmos.decorator.tsx b/cosmos.decorator.tsx
@@ -0,0 +1,3 @@
+export default ({ children }: { children: React.ReactNode }) => (
+  <div style={{ width: "100vw", height: "100vh" }}>{children}</div>
+)
diff --git a/examples/resistor-and-capacitor.fixture.tsx b/examples/resistor-and-capacitor.fixture.tsx
@@ -2,15 +2,13 @@ import { SchematicViewer } from "lib/components/SchematicViewer"
 import { renderToCircuitJson } from "lib/dev/render-to-circuit-json"
 
 export default () => (
-  <div style={{ width: "100vw", height: "90vh" }}>
-    <SchematicViewer
-      circuitJson={renderToCircuitJson(
-        <board width="10mm" height="10mm">
-          <resistor name="R1" resistance={1000} schX={-2} />
-          <capacitor name="C1" capacitance="1uF" schX={2} />
-          <trace from=".R1 .pin2" to=".C1 .pin1" />
-        </board>,
-      )}
-    />
-  </div>
+  <SchematicViewer
+    circuitJson={renderToCircuitJson(
+      <board width="10mm" height="10mm">
+        <resistor name="R1" resistance={1000} schX={-2} />
+        <capacitor name="C1" capacitance="1uF" schX={2} />
+        <trace from=".R1 .pin2" to=".C1 .pin1" />
+      </board>,
+    )}
+  />
 )