awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(secret-sync): allow users to input custom branch names as Vercel only send a max of 100 with no pagination available

Browse Source
This commit is contained in:
carlosmonastyrski
2025-06-12 20:56:15 -03:00
parent 2667f8f0f2
commit ee98992d9e
1 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/components/secret-syncs/forms/SecretSyncDestinationFields/VercelSyncFields.tsx
View File

@@ -6,6 +6,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { SecretSyncConnectionField } from "@app/components/secret-syncs/forms/SecretSyncConnectionField";
import { FilterableSelect, FormControl, Tooltip } from "@app/components/v2";
import { CreatableSelect } from "@app/components/v2/CreatableSelect";
import {
TVercelConnectionApp,
useVercelConnectionListOrganizations
@@ -174,17 +175,36 @@ export const VercelSyncFields = () => {
errorText={error?.message}
label="Vercel Preview Branch (Optional)"
>
<FilterableSelect
menuPlacement="top"
<CreatableSelect
className="w-full"
placeholder="Select a branch..."
isLoading={isProjectsLoading && Boolean(connectionId) && Boolean(currentApp)}
isDisabled={!connectionId || !currentApp}
options={previewBranchOptions}
menuPlacement="top"
value={previewBranchOptions.find((branch) => branch.id === value) ?? null}
onChange={(option) => onChange((option as SingleValue<{ id: string }>)?.id || "")}
options={previewBranchOptions}
placeholder="Select a branch..."
onCreateOption={(option) => {
onChange(option);
if (!option || option.trim() === "") return;
previewBranchOptions.push({ id: option, name: option });
}}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
getNewOptionData={(inputValue, _optionLabel) => {
return {
id: inputValue,
name: `Use custom input "${inputValue}" - press Enter`
};
}}
getOptionLabel={(option) => option.name}
getOptionValue={(option) => option?.id || ""}
isClearable
// eslint-disable-next-line @typescript-eslint/no-unused-vars
isValidNewOption={(inputValue, _value, _options, _accessors) => {
return (
inputValue.trim().length > 0 &&
previewBranchOptions.filter((branch) => branch.id === inputValue).length === 0
);
}}
/>
</FormControl>
)}