Reorder Bio Links

curl -X POST https://api.bio.re/api/v1/creators/c1a2b3c4-d5e6-7890-abcd-ef1234567890/links/reorder \
  -H "Authorization: Bearer $ACCESS_TOKEN" \
  -H 'Content-Type: application/json' \
  -d '{
    "linkIds": [
      "l3a2b3c4-d5e6-7890-abcd-ef1234567890",
      "l1a2b3c4-d5e6-7890-abcd-ef1234567890",
      "l2a2b3c4-d5e6-7890-abcd-ef1234567890"
    ]
  }'

async function reorderBioLinks(accessToken: string, creatorId: string, linkIds: string[]): Promise<void> {
  const res = await fetch(`https://api.bio.re/api/v1/creators/${creatorId}/links/reorder`, {
    method: 'POST',
    headers: {
      Authorization: `Bearer ${accessToken}`,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ linkIds }),
  });
  const json = await res.json();
  if (!res.ok || !json.success) {
    throw Object.assign(new Error(json?.error?.message ?? 'Reorder failed'), {
      code: json?.error?.code,
    });
  }
}

import { useMutation, useQueryClient } from '@tanstack/react-query';

export function useReorderBioLinks(creatorId: string) {
  const qc = useQueryClient();
  return useMutation({
    mutationFn: async (linkIds: string[]) => {
      const res = await fetch(`/api/v1/creators/${creatorId}/links/reorder`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ linkIds }),
      });
      const json = await res.json();
      if (!res.ok || !json.success) {
        throw Object.assign(new Error(json?.error?.message ?? 'Reorder failed'), {
          code: json?.error?.code,
          i18nKey: json?.error?.i18nKey,
        });
      }
    },
    // Optimistic UI: locally re-sort, then call mutation; on error revert
    onSuccess: () => {
      qc.invalidateQueries({ queryKey: ['creators', creatorId, 'bio'] });
    },
  });
}