Function EditCodeModal

components/approval/editModals.tsx:188–390

(props: {
  open: boolean;
  setOpen: () => void;
  messageData: UIMessageData;
  answer: UIAnswerType;
  runCode: (code: string) => void;
  actions: Action[];
})

}

export function EditCodeModal(props: {
  open: boolean;
  setOpen: () => void;
  messageData: UIMessageData;
  answer: UIAnswerType;
  runCode: (code: string) => void;
  actions: Action[];
}) {
  const [localCode, setLocalCode] = useState(
    parseCodeGenv3(props.messageData.raw_text).code,
  );
  const [changed, setChanged] = useState<boolean>(false);
  const [showPlan, setShowPlan] = useState(false);
  const [showFunctions, setShowFunctions] = useState(false);
  const [softWrap, setSoftWrap] = useState(true);
  useEffect(() => {
    setLocalCode(parseCodeGenv3(props.messageData.raw_text).code);
  }, [props.messageData.raw_text]);
  const [shownError, setShownError] = useState<string | null>(null);
  useEffect(() => {
    setShowPlan(false);
  }, [props.open]);
  useEffect(() => {
    const error = props.messageData.generated_output.find(
      // @ts-ignore
      (m) => m.role === "error",
    );
    // @ts-ignore
    setShownError(error?.content ?? null);
  }, [props.messageData]);

  return (
    <Modal
      open={props.open}
      setOpen={props.setOpen}
      classNames={classNames(
        showFunctions ? "lg:w-screen" : "max-w-5xl",
        "sm:my-2 lg:my-2",
      )}
    >
      <div className="relative w-full flex flex-col">
        <div
          className={
            "mb-2 flex flex-row gap-x-2 text-gray-300 place-items-center w-fit"
          }
        >
          <CodeBracketIcon className={"h-6 w-6"} />
          <h1 className="text-lg text-gray-300">Edit Code</h1>
        </div>
        <div className="absolute top-0 inset-x-32 flex justify-center mb-0.5 text-lg text-gray-300">
          <QuestionText
            questionText={props.answer.approval_questions[0]?.text}
          />
        </div>
        <div
          className={classNames(
            "mb-1 whitespace-pre-line rounded px-2 py-1 bg-gray-750 text-gray-300 text-sm font-mono",
            "flex flex-row place-items-center gap-x-2",