Function SettingsTab

client/src/components/scriptPanel/SettingsTab.tsx:17–135

({
  currentScript,
  envNames,
  dispatchCurrentScript,
  saveScript,
}: SettingsTabProps)

};

function SettingsTab({
  currentScript,
  envNames,
  dispatchCurrentScript,
  saveScript,
}: SettingsTabProps) {
  const { colorMode } = useColorMode();

  const setCronExpression = useCallback(
    (cronExpression: string) => {
      dispatchCurrentScript({
        type: CurrentScriptActionType.PATCH_DATA,
        data: { cronExpression },
      });
    },
    [dispatchCurrentScript],
  );

  const setSelectedEnvName = useCallback(
    (selectedEnvName: string) => {
      dispatchCurrentScript({
        type: CurrentScriptActionType.PATCH_DATA,
        data: { selectedEnvName },
      });
    },
    [dispatchCurrentScript],
  );

  const setEnabled = useCallback(
    (enabled: boolean) => {
      saveScript({
        ...currentScript,
        data: {
          ...currentScript.data,
          enabled,
          lastRun: enabled ? Date.now() : undefined,
        },
      });
      dispatchCurrentScript({
        type: CurrentScriptActionType.PATCH_DATA,
        data: { enabled },
      });
    },
    [currentScript, dispatchCurrentScript, saveScript],
  );

  return (
    <div style={{ display: 'flex', alignItems: 'center' }}>
      <div>
        <div style={{ display: 'flex', alignItems: 'center', marginBottom: '8px' }}>
          <Text fontSize="sm" fontWeight="bold" color="gray.500" mr="2">
            Cron Configuration
          </Text>
          <Tooltip
            label="Configure the script as a cron job to run periodically on the server. Visit the docs for more information."
            fontSize="md"
          >
            <QuestionOutlineIcon color="gray.500" />