fix issues in add clickup connector page

This commit is contained in:
CREDO23 2025-08-01 00:21:28 +02:00
parent 644f356430
commit dabb30c043

View file

@ -3,7 +3,7 @@
import { zodResolver } from "@hookform/resolvers/zod"; import { zodResolver } from "@hookform/resolvers/zod";
import { ArrowLeft, ExternalLink, Eye, EyeOff } from "lucide-react"; import { ArrowLeft, ExternalLink, Eye, EyeOff } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/navigation"; import { useParams, useRouter } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import { useForm } from "react-hook-form"; import { useForm } from "react-hook-form";
import { toast } from "sonner"; import { toast } from "sonner";
@ -22,12 +22,6 @@ import {
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { useSearchSourceConnectors } from "@/hooks/useSearchSourceConnectors"; import { useSearchSourceConnectors } from "@/hooks/useSearchSourceConnectors";
interface ClickUpConnectorPageProps {
params: {
search_space_id: string;
};
}
// Define the form schema with Zod // Define the form schema with Zod
const clickupConnectorFormSchema = z.object({ const clickupConnectorFormSchema = z.object({
name: z.string().min(3, { name: z.string().min(3, {
@ -41,8 +35,10 @@ const clickupConnectorFormSchema = z.object({
// Define the type for the form values // Define the type for the form values
type ClickUpConnectorFormValues = z.infer<typeof clickupConnectorFormSchema>; type ClickUpConnectorFormValues = z.infer<typeof clickupConnectorFormSchema>;
export default function ClickUpConnectorPage({ params }: ClickUpConnectorPageProps) { export default function ClickUpConnectorPage() {
const router = useRouter(); const router = useRouter();
const params = useParams();
const searchSpaceId = params.search_space_id as string;
const { createConnector } = useSearchSourceConnectors(); const { createConnector } = useSearchSourceConnectors();
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [showApiToken, setShowApiToken] = useState(false); const [showApiToken, setShowApiToken] = useState(false);
@ -74,7 +70,7 @@ export default function ClickUpConnectorPage({ params }: ClickUpConnectorPagePro
await createConnector(connectorData); await createConnector(connectorData);
toast.success("ClickUp connector created successfully!"); toast.success("ClickUp connector created successfully!");
router.push(`/dashboard/${params.search_space_id}/connectors`); router.push(`/dashboard/${searchSpaceId}/connectors`);
} catch (error) { } catch (error) {
console.error("Error creating ClickUp connector:", error); console.error("Error creating ClickUp connector:", error);
toast.error("Failed to create ClickUp connector. Please try again."); toast.error("Failed to create ClickUp connector. Please try again.");
@ -85,19 +81,14 @@ export default function ClickUpConnectorPage({ params }: ClickUpConnectorPagePro
return ( return (
<div className="container mx-auto py-6 max-w-2xl"> <div className="container mx-auto py-6 max-w-2xl">
<div className="mb-6"> <Button
<Link variant="ghost"
href={`/dashboard/${params.search_space_id}/connectors/add`} className="mb-6"
className="inline-flex items-center text-sm text-muted-foreground hover:text-foreground mb-4" onClick={() => router.push(`/dashboard/${searchSpaceId}/connectors/add`)}
> >
<ArrowLeft className="mr-2 h-4 w-4" /> <ArrowLeft className="mr-2 h-4 w-4" />
Back to connectors Back to Connectors
</Link> </Button>
<h1 className="text-3xl font-bold">Add ClickUp Connector</h1>
<p className="text-muted-foreground mt-2">
Connect your ClickUp workspace to search and retrieve tasks.
</p>
</div>
<Card> <Card>
<CardHeader> <CardHeader>