@tscircuit/fake-snippets 0.0.4 → 0.0.6

package/src/pages/quickstart.tsx

@@ -8,6 +8,7 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { TypeBadge } from "@/components/TypeBadge"
 import { JLCPCBImportDialog } from "@/components/JLCPCBImportDialog"
+import { CircuitJsonImportDialog } from "@/components/CircuitJsonImportDialog"
 import { useNotImplementedToast } from "@/hooks/use-toast"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { cn } from "@/lib/utils"
@@ -16,6 +17,8 @@ import { PrefetchPageLink } from "@/components/PrefetchPageLink"
 export const QuickstartPage = () => {
   const axios = useAxios()
   const [isJLCPCBDialogOpen, setIsJLCPCBDialogOpen] = useState(false)
+  const [isCircuitJsonImportDialogOpen, setIsCircuitJsonImportDialogOpen] =
+    useState(false)
   const toastNotImplemented = useNotImplementedToast()
   const currentUser = useGlobalStore((s) => s.session?.github_username)
   const { data: mySnippets, isLoading } = useQuery<Snippet[]>(
@@ -159,6 +162,22 @@ export const QuickstartPage = () => {
                 </Button>
               </CardContent>
             </Card>
+            <Card className="hover:shadow-md transition-shadow rounded-md">
+              <CardHeader className="p-4 pb-0">
+                <CardTitle className="text-lg flex items-center justify-between">
+                  Circuit Json
+                  <TypeBadge type="module" className="ml-2" />
+                </CardTitle>
+              </CardHeader>
+              <CardContent className="p-4">
+                <Button
+                  className="w-full"
+                  onClick={() => setIsCircuitJsonImportDialogOpen(true)}
+                >
+                  Import Circuit JSON
+                </Button>
+              </CardContent>
+            </Card>
           </div>
         </div>
 
@@ -167,6 +186,11 @@ export const QuickstartPage = () => {
           onOpenChange={setIsJLCPCBDialogOpen}
         />
 
+        <CircuitJsonImportDialog
+          open={isCircuitJsonImportDialogOpen}
+          onOpenChange={setIsCircuitJsonImportDialogOpen}
+        />
+
         <div>
           <h2 className="text-xl font-semibold mb-4 mt-12">
             Start from a Template