refactor: standardize dynamic form for creation and editing

Author: LuizFNJ

server/verification-request/verification-request.service.ts

@@ -701,15 +701,7 @@ export class VerificationRequestService {
                         return src._id;
                     })
                 );
-
-                updatedVerificationRequestData.source = Array.from(
-                    new Set([
-                        ...(verificationRequest.source || []).map((sourceId) =>
-                            sourceId.toString()
-                        ),
-                        ...newSourceIds.map((id) => id.toString()),
-                    ])
-                ).map((id) => Types.ObjectId(id));
+                updatedVerificationRequestData.source = newSourceIds.map((id) => Types.ObjectId(id));
             }
 
             if (
@@ -740,7 +732,8 @@ export class VerificationRequestService {
                 verificationRequest._id,
                 updatedVerificationRequestData,
                 { new: true, upsert: true }
-            ).populate("source");
+            ).populate("source")
+             .populate("impactArea");
         } catch (error) {
             console.error("Failed to update verification request:", error);
             throw error;

src/components/Form/DatePickerInput.tsx

@@ -41,7 +41,7 @@ const StyledTextField = styled(TextField)`
 
 const DatePickerInput = (props) => {
   const { t } = useTranslation();
-  const [value, setValue] = useState(null);
+  const [value, setValue] = useState(props.defaultValue || null);
   const [open, setOpen] = useState(false);
 
   return (

src/components/Form/DynamicInput.tsx

@@ -10,9 +10,10 @@ import { VisualEditorContext } from "../Collaborative/VisualEditorProvider";
 import AletheiaInput from "../AletheiaInput";
 import DatePickerInput from "./DatePickerInput";
 import { Checkbox, FormControlLabel } from "@mui/material";
-import ReportTypeSelect from "../VerificationRequest/CreateVerificationRequest/ReportTypeSelect";
-import ImpactAreaSelect from "../VerificationRequest/CreateVerificationRequest/ImpactAreaSelect";
 import colors from "../../styles/colors";
+import ReportTypeSelect from "../VerificationRequest/verificationRequestForms/formInputs/ReportTypeSelect";
+import ImpactAreaSelect from "../VerificationRequest/verificationRequestForms/formInputs/ImpactAreaSelect";
+import InputExtraSourcesList from "../VerificationRequest/verificationRequestForms/formInputs/InputExtraSourcesList";
 
 const VisualEditor = lazy(() => import("../Collaborative/VisualEditor"));
 
@@ -83,6 +84,15 @@ const DynamicInput = (props: DynamicInputProps) => {
                     white="true"
                 />
             );
+        case "sourceList":
+            return (
+                <InputExtraSourcesList
+                    value={props.value}
+                    onChange={props.onChange}
+                    disabled={props.disabled}
+                    placeholder={props.placeholder}
+                />
+            );
         case "select":
             return (
                 <ClaimReviewSelect
@@ -104,6 +114,7 @@ const DynamicInput = (props: DynamicInputProps) => {
         case "selectImpactArea":
             return (
                 <ImpactAreaSelect
+                    defaultValue={props.defaultValue}
                     onChange={(value) => props.onChange(value)}
                     placeholder={t(props.placeholder)}
                     isDisabled={props.disabled}
@@ -142,6 +153,7 @@ const DynamicInput = (props: DynamicInputProps) => {
         case "date":
             return (
                 <DatePickerInput
+                    defaultValue={props.defaultValue}
                     placeholder={t(props.placeholder)}
                     onChange={(value) => props.onChange(value)}
                     data-cy={"testSelectDate"}

src/components/VerificationRequest/CreateVerificationRequest/CreateVerificationRequestView.tsx

@@ -8,7 +8,7 @@ import { useAtom } from "jotai";
 import { currentUserRole } from "../../atoms/currentUser";
 import { Roles } from "../../types/enums";
 import EditIcon from '@mui/icons-material/Edit';
-import EditVerificationRequestDrawer from "./EditVerificationRequestDrawer";
+import EditVerificationRequestDrawer from "./verificationRequestForms/EditVerificationRequestView";
 
 const VerificationRequestMainContent = ({
     verificationRequestGroup,