Function EditFilteringModal

components/approval/editModals.tsx:27–186

(props: {
  open: boolean;
  setOpen: () => void;
  actions: { name: string; description: string }[];
  setChosenActions: (chosenActions: string[]) => void;
  messageData: { id: string; raw_text: string };
})

import QuestionText from "./question";

export function EditFilteringModal(props: {
  open: boolean;
  setOpen: () => void;
  actions: { name: string; description: string }[];
  setChosenActions: (chosenActions: string[]) => void;
  messageData: { id: string; raw_text: string };
}) {
  const { profile } = useProfile();
  const supabase = useSupabaseClient<Database>();
  const [localChosenFunctions, setLocalChosenFunctions] = useState<
    string[] | null
  >(
    parseFilteringOutputv3(
      props.messageData?.raw_text ?? "",
      props.actions.map((m) => snakeToCamel(m.name)),
    )?.selectedFunctions ?? null,
  );
  const [warningModalOpen, setWarningModalOpen] = useState<boolean>(false);
  const [changed, setChanged] = useState<boolean>(false);
  useEffect(() => {
    if (props.open) {
      setLocalChosenFunctions(
        parseFilteringOutputv3(
          props.messageData?.raw_text ?? "",
          props.actions.map((a) => a.name),
        )?.selectedFunctions,
      );
    }
  }, [props.messageData, props.open]);

  return (
    <>
      <WarningModal
        open={warningModalOpen}
        setOpen={setWarningModalOpen}
        title={"Are you sure you want to regenerate the answer?"}
        description={
          "This will overwrite the current generated answer with a new one. This action cannot be undone."
        }
        actionName={"Regenerate Answer"}
        actionColour={"red"}
        action={async () => {
          if (!changed || !localChosenFunctions) return;
          const { error } = await supabase
            .from("approval_answer_messages")
            .update({
              raw_text: `<thinking>${
                profile?.full_name ?? profile?.email_address ?? "A user"
              } set this through the UI at ${new Date().toString()}</thinking>
<selected_functions>
${localChosenFunctions.join("\n")}
</selected_functions>`,
            })
            .eq("id", props.messageData.id);
          if (error) throw new Error(error.message);
          props.setChosenActions(localChosenFunctions);
        }}
      />