createActionJob

import {
  createActionJob,
  showSuccessToast,
  showErrorToast,
  Form,
  VStack,
  Box,
  TextInput,
  Checkbox,
  DateTimePicker,
  Button,
} from "@basemachina/view";
 
const App = () => {
  const initialValues = {
    // アクションの引数
    message: "",
    // 以下、createActionJob関数のオプション
    scheduledAt: null,
    redirect: true,
  };
 
  const handleSubmit = async ({ values }) => {
    const { message, redirect, scheduledAt } = values;
    try {
      const { actionJobId } = await createActionJob(
        // actionId
        "job-test",
        // args
        { message },
        // options
        { redirect, scheduledAt },
      );
      showSuccessToast(`ジョブ: ${actionJobId} を作成しました`);
    } catch (err) {
      showErrorToast(err.message);
    }
  };
 
  return (
    <Form initialValues={initialValues} onSubmit={handleSubmit}>
      <VStack>
        <Box>
          <TextInput name="message" label="メッセージ" />
        </Box>
        <Box>
          <DateTimePicker name="scheduledAt" label="予約実行日時" />
        </Box>
        <Checkbox name="redirect" label="自動でジョブ詳細に遷移する" />
        <Button type="submit" title="ジョブを作成する" color="blue" />
      </VStack>
    </Form>
  );
};
 
export default App;