Function ProjectDetails

app/dashboard/components/ui/create-project-card.tsx:31–187

({
  orgs,
  project_id,
  project_name,
  org_name,
  isEdit,
  handleModalClose,
  lockedOrgId,
}: {
  orgs: IOrg[];
  project_id?: string;
  project_name?: string;
  org_name?: string;
  isEdit: boolean;
  handleModalClose: () => void;
  lockedOrgId?: string;
})

import { UpsellModal } from './upsell-modal';

export const ProjectDetails = ({
  orgs,
  project_id,
  project_name,
  org_name,
  isEdit,
  handleModalClose,
  lockedOrgId,
}: {
  orgs: IOrg[];
  project_id?: string;
  project_name?: string;
  org_name?: string;
  isEdit: boolean;
  handleModalClose: () => void;
  lockedOrgId?: string;
}) => {
  const queryClient = useQueryClient();
  const initialOrgId = lockedOrgId
    ? lockedOrgId
    : isEdit
      ? (orgs.find((o) => o.name === org_name)?.id ?? (orgs.length > 0 ? orgs[0].id : ''))
      : orgs.length > 0
        ? orgs[0].id
        : '';
  const [projectName, setProjectName] = useState(isEdit ? project_name : 'New Project');
  const [selectedOrgId, setSelectedOrgId] = useState<string>(initialOrgId);

  type RenameMutationResponse = IProject;
  type RenameMutationResult = UseMutationResult<
    RenameMutationResponse,
    Error,
    RenameProjectPayload,
    unknown
  >;

  type CreateMutationResult = UseMutationResult<IProject, Error, CreateProjectPayload, unknown>;

  const createProjectMutation: CreateMutationResult = useMutation({
    mutationFn: createProjectAPI,
    onSuccess: (createdProject) => {
      queryClient.invalidateQueries({ queryKey: projectsQueryKey });
      toast({ title: 'Project Created', description: `Created ${createdProject.name}` });
      handleModalClose();
      if (typeof window !== 'undefined') {
        navigator.clipboard
          .writeText(createdProject.api_key)
          .then(() =>
            toast({
              title: 'API Key Copied',
              description: `Copied API key for ${createdProject.name}`,
            }),
          )
          .catch(() =>
            toast({ title: '❌ Manually copy API Key:', description: createdProject.api_key }),
          );
      }
    },