wip: Basic scaffold for TestCaseComponentPage

trillium · trillium · commit 354674115afe · 2024-04-09T03:17:02.000-07:00
diff --git a/packages/cursorless-org/src/pages/component-sheet.tsx b/packages/cursorless-org/src/pages/component-sheet.tsx
@@ -0,0 +1,26 @@
+import {
+  TestCaseComponentPage
+} from "@cursorless/test-case-component";
+import {
+  cheatsheetBodyClasses,
+} from "@cursorless/cheatsheet";
+
+import Head from "next/head";
+
+// See https://github.com/vercel/next.js/discussions/12325#discussioncomment-1116108
+export async function getStaticProps() {
+  return { props: { bodyClasses: cheatsheetBodyClasses } };
+}
+
+export function App() {
+  return (
+    <>
+      <Head>
+        <title>Cursorless cheatsheet</title>
+      </Head>
+      <TestCaseComponentPage />
+    </>
+  );
+}
+
+export default App;
diff --git a/packages/test-case-component/src/index.ts b/packages/test-case-component/src/index.ts
@@ -1 +1,2 @@
 export * from "./generate-examples";
+export * from "./test-case-component";
diff --git a/packages/test-case-component/src/test-case-component.tsx b/packages/test-case-component/src/test-case-component.tsx
@@ -0,0 +1,19 @@
+import * as React from "react";
+
+export const TestCaseComponentPage: React.FC = () => {
+  return (
+    <main className="dark:text-stone-100">
+      <h1 className="mb-1 mt-2 text-center text-2xl md:text-3xl xl:mt-4">
+        Test Component Sheet{" "}
+        <small className="block text-sm">
+          See the{" "}
+          {/* <SmartLink to={"https://www.cursorless.org/docs/"}> */}
+            full documentation
+          {/* </SmartLink>{" "} */}
+          to learn more.
+        </small>
+      </h1>
+      <p className="mb-1 mt-2 text-center text-base xl:mt-4">This is just to get the page working with an initial render before adding any more functionality</p>
+    </main>
+  );
+};

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`	`1`	`export * from "./generate-examples";`
	`2`	`+export * from "./test-case-component";`