Merge pull request #234 from popovaevgeniya/019-nov-10-input-value-va…

…lidation-for-the-project

019 nov 10 input value validation for the project

Clients/src/application/validations/selectValidation.ts

@@ -0,0 +1,29 @@
+/**
+ * Converts feedback information into an object containing acceptance status and a message.
+ *
+ * @param accepted - A boolean indicating whether the feedback is accepted.
+ * @param message - A string containing the feedback message.
+ * @returns An object with `accepted` and `message` properties.
+ */
+function feedback(accepted: boolean, message: string) {
+    return {
+      accepted,
+      message,
+    };
+}
+
+/**
+ * Select field validation
+ *
+ * @param value - The value to be validated.
+ * @returns An object with `accepted` set to `true` if the value passes all validations,
+ *          otherwise an object with `accepted` set to `false` and a `message` indicating the reason.
+ */
+function selectValidation(title: string, value: number): {accepted: boolean; message: string} {
+    if (value === 0) {
+        return feedback(false, `${title} is required.`);
+    }
+    return feedback(true, "Success");
+}
+
+export default selectValidation;

Clients/src/application/validations/stringValidation.ts

@@ -41,11 +41,12 @@ export function checkStringValidation(
   type?: string
 ): { accepted: boolean; message: string } {
   if (
-    value.length === 0 ||
+    (value.length === 0  ||
     value === undefined ||
     value === null ||
     value === "" ||
-    value === " "
+    value === " ") && 
+    minLength > 0
   ) {
     return feedbackToString(false, `${title} is required.`);
   }

Clients/src/presentation/components/AddNewRiskForm/index.tsx

@@ -7,7 +7,11 @@ import RiskSection from "./RisksSection";
 import MitigationSection from "./MitigationSection";
 import "./styles.css"
 
-const AddNewRiskForm: FC = () => {
+interface AddNewRiskFormProps {
+    closePopup: () => void
+}
+
+const AddNewRiskForm: FC<AddNewRiskFormProps> = ({closePopup}) => {
     const theme = useTheme();
     const disableRipple = theme.components?.MuiButton?.defaultProps?.disableRipple;
 
@@ -26,7 +30,7 @@ const AddNewRiskForm: FC = () => {
     };
 
     return (
-        <Stack component="form" noValidate>
+        <Stack>
             <TabContext value={value}>
                 <Box sx={{ borderBottom: 1, borderColor: "divider" }}>
                     <TabList onChange={handleChange} aria-label="Add new risk tabs"
@@ -39,8 +43,8 @@ const AddNewRiskForm: FC = () => {
                         <Tab label="Mitigation" value="mitigation" sx={tabStyle} disableRipple={disableRipple} />
                     </TabList>
                 </Box>
-                <TabPanel value="risks" sx={{ p: "24px 0 0" }}><RiskSection /></TabPanel>
-                <TabPanel value="mitigation" sx={{ p: "24px 0 0" }}><MitigationSection /></TabPanel>
+                <TabPanel value="risks" sx={{ p: "24px 0 0" }}><RiskSection closePopup={closePopup} /></TabPanel>
+                <TabPanel value="mitigation" sx={{ p: "24px 0 0" }}><MitigationSection closePopup={closePopup} /></TabPanel>
             </TabContext>
         </Stack>
     )