import React from "react"; import { useRouter } from "next/router"; import useSWRInfinite from "swr/infinite"; // services import projectService from "services/project.service"; // ui import { CustomSearchSelect } from "components/ui"; // helpers import { truncateText } from "helpers/string.helper"; // types import { IWorkspaceIntegrations } from "types"; type Props = { integration: IWorkspaceIntegrations; value: any; label: string; onChange: (repo: any) => void; characterLimit?: number; }; export const SelectRepository: React.FC = ({ integration, value, label, onChange, characterLimit = 25, }) => { const router = useRouter(); const { workspaceSlug } = router.query; const getKey = (pageIndex: number) => { if (!workspaceSlug || !integration) return; return `${ process.env.NEXT_PUBLIC_API_BASE_URL }/api/workspaces/${workspaceSlug}/workspace-integrations/${ integration.id }/github-repositories/?page=${++pageIndex}`; }; const fetchGithubRepos = async (url: string) => { const data = await projectService.getGithubRepositories(url); return data; }; const { data: paginatedData, size, setSize, isValidating, } = useSWRInfinite(getKey, fetchGithubRepos); const userRepositories = (paginatedData ?? []).map((data) => data.repositories).flat(); const totalCount = paginatedData && paginatedData.length > 0 ? paginatedData[0].total_count : 0; const options = userRepositories.map((repo) => ({ value: repo.id, query: repo.full_name, content:

{truncateText(repo.full_name, characterLimit)}

, })) ?? []; return ( { const repo = userRepositories.find((repo) => repo.id === val); onChange(repo); }} label={label} footerOption={ <> {userRepositories && options.length < totalCount && ( )} } position="right" optionsClassName="w-full" /> ); };