I should be able to reset the primary link of a Links field

[FelixMalfait]

I've created a custom field of type Links:

I can remove the second option:

But I cannot remove this first:

I get why we didn't do it in v1 (because it's not just about deleting the primary link, it's also about moving the first element of secondary links into the primary link it there are any secondary link). But we should prioritize it

[greptile-apps]

To implement the ability to reset the primary link of a Links field, follow these steps:

1. Modify LinksFieldInput Component:

   • File: frontend/components/LinksFieldInput.tsx
   • Update the logic to handle the removal of the primary link and promote a secondary link if available.

   const handleRemovePrimaryLink = () => {
     if (links.length > 1) {
       const newPrimaryLink = links[1];
       setLinks([newPrimaryLink, ...links.slice(2)]);
     } else {
       setLinks([]);
     }
   };

2. Update the isFieldLinksValue Guard:

   • File: frontend/guards/isFieldLinksValue.ts
   • Ensure the guard correctly validates the updated structure of the Links field.

   export const isFieldLinksValue = (value: any): value is FieldLinksValue => {
     return Array.isArray(value) && value.every(link => typeof link === 'string');
   };

3. Integrate the New Logic:

   • Ensure the handleRemovePrimaryLink function is called appropriately within the LinksFieldInput component's event handlers.

   <button onClick={handleRemovePrimaryLink}>Remove Primary Link</button>

References

_{Edit Issue Bot Settings}