coder/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TTLHelperText.tsx

const hours = (h: number) => (h === 1 ? "hour" : "hours");
const days = (d: number) => (d === 1 ? "day" : "days");

export const DefaultTTLHelperText = (props: { ttl?: number }) => {
  const { ttl = 0 } = props;

  // Error will show once field is considered touched
  if (ttl < 0) {
    return null;
  }

  if (ttl === 0) {
    return <span>Workspaces will run until stopped manually.</span>;
  }

  return (
    <span>
      Workspaces will default to stopping after {ttl} {hours(ttl)} after being
      started.
    </span>
  );
};

export const ActivityBumpHelperText = (props: { bump?: number }) => {
  const { bump = 0 } = props;

  // Error will show once field is considered touched
  if (bump < 0) {
    return null;
  }

  if (bump === 0) {
    return (
      <span>
        Workspaces will not have their stop time automatically extended based on
        user activity. Users can still manually delay the stop time.
      </span>
    );
  }

  return (
    <span>
      Workspaces will be automatically bumped by {bump} {hours(bump)} when user
      activity is detected.
    </span>
  );
};

export const FailureTTLHelperText = (props: { ttl?: number }) => {
  const { ttl = 0 } = props;

  // Error will show once field is considered touched
  if (ttl < 0) {
    return null;
  }

  if (ttl === 0) {
    return <span>Coder will not automatically stop failed workspaces.</span>;
  }

  return (
    <span>
      Coder will attempt to stop failed workspaces after {ttl} {days(ttl)}.
    </span>
  );
};

export const DormancyTTLHelperText = (props: { ttl?: number }) => {
  const { ttl = 0 } = props;

  // Error will show once field is considered touched
  if (ttl < 0) {
    return null;
  }

  if (ttl === 0) {
    return <span>Coder will not mark workspaces as dormant.</span>;
  }

  return (
    <span>
      Coder will mark workspaces as dormant after {ttl} {days(ttl)} without user
      connections.
    </span>
  );
};

export const DormancyAutoDeletionTTLHelperText = (props: { ttl?: number }) => {
  const { ttl = 0 } = props;

  // Error will show once field is considered touched
  if (ttl < 0) {
    return null;
  }

  if (ttl === 0) {
    return <span>Coder will not automatically delete dormant workspaces.</span>;
  }

  return (
    <span>
      Coder will automatically delete dormant workspaces after {ttl} {days(ttl)}
      .
    </span>
  );
};