quivr/frontend/app/upload/components/Crawler/index.tsx
2023-05-27 12:22:19 +02:00

36 lines
1.2 KiB
TypeScript

"use client";
import Button from "@/app/components/ui/Button";
import Card from "@/app/components/ui/Card";
import Field from "@/app/components/ui/Field";
import { useCrawler } from "./hooks/useCrawler";
export const Crawler = (): JSX.Element => {
const { urlInputRef, isCrawling, crawlWebsite } = useCrawler();
return (
<div className="w-full">
<div className="flex justify-center gap-5">
<div className="w-1/2">
<div className="flex-column justify-center gap-5">
<Card className="h-32 flex justify-center items-center">
<div className="text-center mt-2 p-6 max-w-sm w-full flex flex-col gap-5 items-center">
<Field
name="crawlurl"
ref={urlInputRef}
type="text"
placeholder="Enter a website URL"
className="w-full"
/>
</div>
<div className="flex flex-col items-center justify-center gap-5">
<Button isLoading={isCrawling} onClick={crawlWebsite}>
Crawl
</Button>
</div>
</Card>
</div>
</div>
</div>
</div>
);
};