@tscircuit/fake-snippets 0.0.67 → 0.0.69

package/src/components/dialogs/create-order-dialog.tsx

@@ -1,146 +0,0 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog"
-import { Button } from "../ui/button"
-import { Checkbox } from "../ui/checkbox"
-import { useState, useEffect } from "react"
-import { createUseDialog } from "./create-use-dialog"
-import { useAxios } from "@/hooks/use-axios"
-import { useToast } from "@/hooks/use-toast"
-import { useQueryClient } from "react-query"
-
-export const CreateOrderDialog = ({
-  open,
-  onOpenChange,
-}: {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-}) => {
-  const axios = useAxios()
-  const { toast } = useToast()
-  const qc = useQueryClient()
-  const [pending, setPending] = useState(false)
-  const [checkpoints, setCheckpoints] = useState({
-    shipping: false,
-    errors: false,
-    parts: false,
-  })
-
-  useEffect(() => {
-    if (open) {
-      validateCheckpoints()
-    }
-  }, [open])
-
-  const validateCheckpoints = async () => {
-    try {
-      // Placeholder: Check if shipping information is in profile
-      const hasShippingInfo = await checkShippingInfo()
-
-      // Placeholder: Check if PCB has no errors
-      const hasNoErrors = await checkPCBErrors()
-
-      // Placeholder: Check if all parts are available at PCB fab
-      const allPartsAvailable = await checkPartsAvailability()
-
-      setCheckpoints({
-        shipping: hasShippingInfo,
-        errors: hasNoErrors,
-        parts: allPartsAvailable,
-      })
-    } catch (error) {
-      console.error("Error validating checkpoints:", error)
-    }
-  }
-
-  const checkShippingInfo = async () => {
-    // Placeholder: Implement actual check for shipping info
-    return true
-  }
-
-  const checkPCBErrors = async () => {
-    // Placeholder: Implement actual check for PCB errors
-    return true
-  }
-
-  const checkPartsAvailability = async () => {
-    // Placeholder: Implement actual check for parts availability
-    return true
-  }
-
-  const handleSubmit = async () => {
-    try {
-      setPending(true)
-      // TODO: Implement order submission logic
-      onOpenChange(false)
-      setPending(false)
-      toast({
-        title: "Order submitted",
-        description: "Your order has been successfully submitted.",
-      })
-      qc.invalidateQueries({ queryKey: ["orders"] })
-    } catch (error) {
-      console.error("Error submitting order:", error)
-      toast({
-        title: "Error",
-        description: "Failed to submit the order. Please try again.",
-        variant: "destructive",
-      })
-    } finally {
-      setPending(false)
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Create Order</DialogTitle>
-        </DialogHeader>
-        <p className="text-sm text-gray-500 mb-4">
-          Order the circuit board fully assembled from a PCB fabricator
-        </p>
-        <div className="space-y-4">
-          <div className="flex items-center space-x-2">
-            <Checkbox id="shipping" checked={checkpoints.shipping} />
-            <label
-              htmlFor="shipping"
-              className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-            >
-              Shipping Information in Profile
-            </label>
-          </div>
-          <div className="flex items-center space-x-2">
-            <Checkbox id="errors" checked={checkpoints.errors} />
-            <label
-              htmlFor="errors"
-              className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-            >
-              PCB Has No Errors
-            </label>
-          </div>
-          <div className="flex items-center space-x-2">
-            <Checkbox id="parts" checked={checkpoints.parts} />
-            <label
-              htmlFor="parts"
-              className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-            >
-              All parts available at PCB fabricator
-            </label>
-          </div>
-        </div>
-        <div className="flex justify-end space-x-2 mt-4">
-          <Button variant="outline" onClick={() => onOpenChange(false)}>
-            Cancel
-          </Button>
-          <Button
-            onClick={handleSubmit}
-            disabled={pending || !Object.values(checkpoints).every(Boolean)}
-          >
-            {pending ? "Submitting..." : "Submit Order"}
-          </Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-export const useCreateOrderDialog = createUseDialog(CreateOrderDialog)

package/src/pages/preview.tsx

@@ -1,44 +0,0 @@
-import { useSnippet } from "@/hooks/use-snippet"
-import { useUrlParams } from "@/hooks/use-url-params"
-import { CircuitJsonPreview } from "@tscircuit/runframe"
-import { Loader2 } from "lucide-react"
-
-export const PreviewPage = () => {
-  const urlParams = useUrlParams()
-  const snippetId = urlParams.snippet_id
-  const { data: snippet, isLoading, error } = useSnippet(snippetId)
-
-  if (isLoading) {
-    return (
-      <div className="w-full h-screen flex items-center justify-center">
-        <Loader2 className="w-8 h-8 animate-spin" />
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="w-full h-screen flex items-center justify-center text-red-500">
-        Error loading snippet: {error.message}
-      </div>
-    )
-  }
-
-  if (!snippet) {
-    return (
-      <div className="w-full h-screen flex items-center justify-center text-gray-500">
-        Snippet not found
-      </div>
-    )
-  }
-
-  if (!snippet.circuit_json) {
-    return (
-      <div className="w-full h-screen flex items-center justify-center text-gray-500">
-        No circuit data available
-      </div>
-    )
-  }
-
-  return <CircuitJsonPreview circuitJson={snippet.circuit_json as any} />
-}

package/src/pages/view-order.tsx

@@ -1,111 +0,0 @@
-import React from "react"
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import Header from "@/components/Header"
-import Footer from "@/components/Footer"
-import { Order } from "fake-snippets-api/lib/db/schema"
-import { Link, useParams } from "wouter"
-import { Button } from "@/components/ui/button"
-import { OrderPreviewContent } from "@/components/OrderPreviewContent"
-import { AnyCircuitElement } from "circuit-json"
-
-export const ViewOrderPage = () => {
-  const { orderId } = useParams()
-  const axios = useAxios()
-
-  const {
-    data: order,
-    isLoading,
-    error,
-  } = useQuery<Order>(
-    ["order", orderId],
-    async () => {
-      const response = await axios.get(`/orders/get?order_id=${orderId}`)
-      return response.data.order
-    },
-    {
-      enabled: !!orderId,
-    },
-  )
-
-  if (isLoading) {
-    return <div>Loading order...</div>
-  }
-
-  if (error) {
-    return <div>Error loading order: {(error as Error).message}</div>
-  }
-
-  if (!order) {
-    return <div>Order not found</div>
-  }
-
-  return (
-    <div>
-      <Header />
-      <div className="container mx-auto px-4 py-4">
-        <h1 className="text-3xl font-bold mb-6">Order Details</h1>
-        <div className="flex flex-col md:flex-row gap-6">
-          <div className="w-full md:w-1/2 md:max-w-[50%]">
-            <div className="bg-white shadow overflow-hidden sm:rounded-lg mb-6">
-              <div className="px-4 py-5 sm:px-6">
-                <h3 className="text-lg leading-6 font-medium text-gray-900">
-                  Order #{order.order_id}
-                </h3>
-                <p className="mt-1 max-w-2xl text-sm text-gray-500">
-                  Created at: {new Date(order.created_at).toLocaleString()}
-                </p>
-              </div>
-              <div className="border-t border-gray-200">
-                <dl>
-                  <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
-                    <dt className="text-sm font-medium text-gray-500">
-                      Status
-                    </dt>
-                    <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.is_running ? "Running" : "Finished"}
-                    </dd>
-                  </div>
-                  <div className="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
-                    <dt className="text-sm font-medium text-gray-500">
-                      Started at
-                    </dt>
-                    <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.started_at
-                        ? new Date(order.started_at).toLocaleString()
-                        : "Not started"}
-                    </dd>
-                  </div>
-                  <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
-                    <dt className="text-sm font-medium text-gray-500">
-                      Pending Validation
-                    </dt>
-                    <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.completed_at
-                        ? new Date(order.completed_at).toLocaleString()
-                        : "Not finished"}
-                    </dd>
-                  </div>
-                </dl>
-              </div>
-            </div>
-            <div className="mt-6">
-              <Link href={`/my-orders`}>
-                <Button variant="outline" onClick={() => window.history.back()}>
-                  Back to Orders
-                </Button>
-              </Link>
-            </div>
-          </div>
-          <div className="w-full md:w-1/2 md:max-w-[50%]">
-            <OrderPreviewContent
-              circuitJson={order.circuit_json as AnyCircuitElement[]}
-              className="h-[calc(100vh-200px)]"
-            />
-          </div>
-        </div>
-      </div>
-      <Footer />
-    </div>
-  )
-}