import React from "react"; import Link from "next/link"; import { observer } from "mobx-react-lite"; import { useFormContext, Controller } from "react-hook-form"; import { Plus } from "lucide-react"; // hooks import { useApplication, useProject } from "hooks/store"; // components import { CustomSelect, Input } from "@plane/ui"; // types import { IJiraImporterForm } from "@plane/types"; export const JiraGetImportDetail: React.FC = observer(() => { // store hooks const { commandPalette: commandPaletteStore, eventTracker: { setTrackElement }, } = useApplication(); const { workspaceProjectIds, getProjectById } = useProject(); // form info const { control, formState: { errors }, } = useFormContext(); return (

Jira Personal Access Token

Get to know your access token by navigating to{" "} Atlassian Settings

( )} />

Jira Project Key

If XXX-123 is your issue, then enter XXX

( )} />

Jira Email Address

Enter the Email account that you use in Jira account

( )} />

Jira Installation or Cloud Host Name

Enter your companies cloud host name

( )} />

Import to project

Select which project you want to import to.

( {value && value.trim() !== "" ? ( getProjectById(value)?.name ) : ( Select a project )} } optionsClassName="w-full" > {workspaceProjectIds && workspaceProjectIds.length > 0 ? ( workspaceProjectIds.map((projectId) => { const projectDetails = getProjectById(projectId); if (!projectDetails) return; return ( {projectDetails.name} ); }) ) : (

You don{"'"}t have any project. Please create a project first.

)}
)} />
); });