Web:Component:Cron Fixed prefix

packages/components/Cron/Cron.tsx

@@ -22,7 +22,7 @@ function Cron({ value = defaultCronString, setValue, onError }: CronProps) {
   const [monthDays, setMonthDays] = useState<number[]>([]);
 
   useEffect(() => {
-    onError?.(undefined);
+    onError?.(undefined); // reset error state
     if (valueRef.current !== value) init();
   }, [value]);
 

packages/components/Cron/Field/Minutes/Minutes.tsx

@@ -4,7 +4,8 @@ import { units } from "../../constants";
 import MinutesProps from "./Minutes.props";
 
 function Minutes({ minutes, setMinutes, period }: MinutesProps) {
-  const prefix = period === "Hour" ? "At" : ":";
+  const isHour = period === "Hour";
+  const prefix = isHour ? "At" : ":";
 
   return (
     <Select
@@ -14,6 +15,7 @@ function Minutes({ minutes, setMinutes, period }: MinutesProps) {
       unit={units[0]}
       prefix={prefix}
       dropDownMaxHeight={300}
+      withTranslationPrefix={isHour}
     />
   );
 }

packages/components/Cron/Select/Select.props.ts

@@ -7,6 +7,7 @@ interface SelectProps {
   setValue: Dispatch<SetStateAction<number[]>>;
   prefix: string;
   dropDownMaxHeight?: number;
+  withTranslationPrefix?: boolean;
 }
 
 export default SelectProps;

packages/components/Cron/Select/Select.tsx

@@ -14,6 +14,7 @@ function Select({
   setValue,
   prefix,
   dropDownMaxHeight,
+  withTranslationPrefix = true,
 }: SelectProps) {
   const { t } = useTranslation("Cron");
 
@@ -66,7 +67,7 @@ function Select({
 
   return (
     <SelectWrapper>
-      <span>{t(prefix)}</span>
+      <span>{withTranslationPrefix ? t(prefix) : prefix}</span>
       <ComboBox
         scaledOptions
         size="content"