Function URLScraper

components/admin/url-scraper.tsx:12–80

()

import type { ActionState } from "@/lib/actions";

export function URLScraper() {
  const [url, setUrl] = useState("");
  const [metadata, setMetadata] = useState<ActionState | null>(null);

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();

    if (!url) {
      toast.error("Please enter a URL");
      return;
    }

    try {
      const formData = new FormData();
      formData.append("url", url);

      //@ts-ignore SOS CAMERON
      const response = await scrapeUrl(null, formData);
      if (response?.data) {
        setMetadata(response);
        toast.success("Successfully fetched metadata");
      } else if (response?.error) {
        toast.error(response.error);
      } else {
        toast.error("Failed to fetch metadata");
      }
    } catch (error) {
      console.error("Error scraping URL:", error);
      toast.error("Failed to scrape URL");
    }
  };

  return (
    <div className="space-y-4">
      <div>
        <h2 className="text-2xl font-bold">URL Scraper</h2>
        <p className="text-muted-foreground">
          Enter a URL to scrape its content and metadata.
        </p>
      </div>

      <form onSubmit={handleSubmit} className="space-y-6">
        <div className="space-y-2">
          <Label htmlFor="url">URL to scrape</Label>
          <Input
            type="url"
            name="url"
            id="url"
            required
            placeholder="https://example.com"
            value={url}
            onChange={(e) => setUrl(e.target.value)}
          />
        </div>

        <Button type="submit" className="w-full">
          Scrape URL
        </Button>