Skip to main content

​
Overview

useReorderRules returns a callable function for reordering a space’s rules by providing a new ordered array of rule IDs. Only space admins can reorder rules.

​
Usage Example

import { useReorderRules } from "@replyke/react-js";

function RulesDragList({ spaceId, rules }: { spaceId: string; rules: Rule[] }) {
  const reorderRules = useReorderRules();

  const handleDragEnd = async (newOrder: Rule[]) => {
    await reorderRules({
      spaceId,
      ruleIds: newOrder.map((r) => r.id),
    });
  };
}

​
Parameters

​
spaceId
string
required
UUID of the space.
​
ruleIds
string[]
required
Ordered array of all rule UUIDs in the desired display order.

​
Returns

​
Rule[]
Rule[]
The full list of rules in their new order. Rules are subsequently returned in this order by useFetchManyRules.