Modify CreateUserForm and add dirtyState to all react-hook-form

crowdin.yml

@@ -1,5 +1,6 @@
 files:
-  - source: public/locale/en.json
-    translation: /public/locale/%two_letters_code%.json
+  - source: /public/locale/{{lang}}.json
+    translation: /public/locale/%two_letters_code%/%original_file_name%
 bundles:
   - 2
+

public/locale/en.json

@@ -359,7 +359,6 @@
   "all_changes_have_been_saved": "All changes have been saved",
   "all_details": "All Details",
   "all_patients": "All Patients",
-  "allergen": "Allergen",
   "allergies": "Allergies",
   "allow_transfer": "Allow Transfer",
   "allowed_formats_are": "Allowed formats are",
@@ -651,7 +650,6 @@
   "created_by": "Created By",
   "created_date": "Created Date",
   "created_on": "Created On",
-  "criticality": "Criticality",
   "csv_file_in_the_specified_format": "Select a CSV file in the specified format",
   "current_address": "Current Address",
   "current_password": "Current Password",
@@ -669,6 +667,7 @@
   "date_of_admission": "Date of Admission",
   "date_of_birth": "Date of Birth",
   "date_of_birth_age": "Date of Birth/Age",
+  "date_of_birth_cannot_be_in_future": "Date of birth cannot be in the future",
   "date_of_birth_or_age": "Date of Birth or Age",
   "date_of_positive_covid_19_swab": "Date of Positive Covid 19 Swab",
   "date_of_result": "Covid confirmation date",
@@ -831,7 +830,6 @@
   "encounter_discharge_disposition__snf": "Skilled nursing facility",
   "encounter_duration_confirmation": "The duration of this encounter would be",
   "encounter_id": "Encounter ID",
-  "encounter_marked_as_complete": "Encounter Completed",
   "encounter_notes__all_discussions": "All Discussions",
   "encounter_notes__be_first_to_send": "Be the first to send a message",
   "encounter_notes__choose_template": "Choose a template or enter a custom title",
@@ -902,7 +900,6 @@
   "error_deleting_shifting": "Error while deleting Shifting record",
   "error_fetching_slots_data": "Error while fetching slots data",
   "error_sending_otp": "Error while sending OTP, Please try again later",
-  "error_updating_encounter": "Error to Updating Encounter",
   "error_verifying_otp": "Error while verifying OTP, Please request a new OTP",
   "error_while_deleting_record": "Error while deleting record",
   "escape": "Escape",
@@ -1167,7 +1164,6 @@
   "manufacturer": "Manufacturer",
   "map_acronym": "M.A.P.",
   "mark_all_as_read": "Mark all as Read",
-  "mark_as_complete": "Mark as Complete",
   "mark_as_fulfilled": "Mark as Fullfilled",
   "mark_as_noshow": "Mark as no-show",
   "mark_as_read": "Mark as Read",
@@ -1416,6 +1412,7 @@
   "phone_number": "Phone Number",
   "phone_number_at_current_facility": "Phone Number of Contact person at current Facility",
   "phone_number_min_error": "Phone number must be at least 10 characters long",
+  "phone_number_must_start": "Phone number must start with +91 followed by 10 digits",
   "phone_number_verified": "Phone Number Verified",
   "pincode": "Pincode",
   "pincode_autofill": "State and District auto-filled from Pincode",
@@ -1632,7 +1629,6 @@
   "select": "Select",
   "select_all": "Select All",
   "select_date": "Select date",
-  "select_department": "Select Department",
   "select_eligible_policy": "Select an Eligible Insurance Policy",
   "select_facility_for_discharged_patients_warning": "Facility needs to be selected to view discharged patients.",
   "select_for_administration": "Select for Administration",
@@ -1743,6 +1739,7 @@
   "thank_you_for_choosing": "Thank you for choosing our care service",
   "the_request_for_resources_placed_by_yourself_is": "The request for resource (details below) placed by yourself is",
   "third_party_software_licenses": "Third Party Software Licenses",
+  "this_field_is_required": "This field is required",
   "time": "Time",
   "time_slot": "Time Slot",
   "title_of_request": "Title of Request",
@@ -1862,7 +1859,12 @@
   "username": "Username",
   "username_already_exists": "This username already exists",
   "username_available": "Username is available",
+  "username_consecutive_special_characters": "Username can't contain consecutive special characters",
+  "username_contain_lowercase_special": "Username can only contain lowercase letters, numbers, and . _ -",
+  "username_less_than": "Username must be less than 16 characters",
+  "username_more_than": "Username must be at least 4 characters",
   "username_not_available": "Username is not available",
+  "username_start_end_letter_number": "Username must start and end with a letter or number",
   "username_userdetails_not_found": "Unable to fetch details as username or user details not found",
   "users": "Users",
   "vacant": "Vacant",

src/Routers/routes/ConsultationRoutes.tsx

@@ -42,6 +42,26 @@ const consultationRoutes: AppRoutes = {
         patientId={patientId}
       />
     ),
+  "/facility/:facilityId/patient/:patientId/consultation/:id/consent-records":
+    ({ facilityId, patientId, id }) => (
+      <PatientConsentRecords
+        facilityId={facilityId}
+        patientId={patientId}
+        consultationId={id}
+      />
+    ),
+  "/facility/:facilityId/patient/:patientId/encounterId/:id/files/": ({
+    facilityId,
+    patientId,
+    id,
+  }) => (
+    <FileUploadPage
+      facilityId={facilityId}
+      patientId={patientId}
+      encounterId={id}
+      type="encounter"
+    />
+  ),
   "/facility/:facilityId/patient/:patientId/questionnaire": ({
     facilityId,
     patientId,
@@ -60,6 +80,10 @@ const consultationRoutes: AppRoutes = {
         patientId={patientId}
       />
     ),
+  "/facility/:facilityId/patient/:patientId/encounter/:encounterId/questionnaire_response/:id":
+    ({ patientId, id }) => (
+      <QuestionnaireResponseView responseId={id} patientId={patientId} />
+    ),
   "/facility/:facilityId/patient/:patientId/encounter/:encounterId/questionnaire/:slug":
     ({ facilityId, encounterId, slug, patientId }) => (
       <EncounterQuestionnaire
@@ -69,30 +93,6 @@ const consultationRoutes: AppRoutes = {
         patientId={patientId}
       />
     ),
-  "/facility/:facilityId/patient/:patientId/encounter/:encounterId/questionnaire_response/:id":
-    ({ patientId, id }) => (
-      <QuestionnaireResponseView responseId={id} patientId={patientId} />
-    ),
-  "/facility/:facilityId/patient/:patientId/consultation/:id/consent-records":
-    ({ facilityId, patientId, id }) => (
-      <PatientConsentRecords
-        facilityId={facilityId}
-        patientId={patientId}
-        consultationId={id}
-      />
-    ),
-  "/facility/:facilityId/patient/:patientId/encounterId/:id/files/": ({
-    facilityId,
-    patientId,
-    id,
-  }) => (
-    <FileUploadPage
-      facilityId={facilityId}
-      patientId={patientId}
-      encounterId={id}
-      type="encounter"
-    />
-  ),
 };
 
 export default consultationRoutes;

src/components/Encounter/CreateEncounterForm.tsx

@@ -318,8 +318,11 @@ export default function CreateEncounterForm({
                 form.setValue("organizations", [value]);
               }}
             />
-
-            <Button type="submit" className="w-full" disabled={isPending}>
+            <Button
+              type="submit"
+              className="w-full"
+              disabled={isPending || !form.formState.isDirty}
+            >
               {isPending ? "Creating..." : "Create Encounter"}
             </Button>
           </form>

src/components/Facility/FacilityCreate.tsx

@@ -503,7 +503,11 @@ export const FacilityCreate = (props: FacilityProps) => {
                 >
                   {t("cancel")}
                 </Button>
-                <Button variant="primary" type="submit" disabled={isLoading}>
+                <Button
+                  variant="primary"
+                  type="submit"
+                  disabled={isLoading || !form.formState.isDirty}
+                >
                   {isLoading ? (
                     <Loading />
                   ) : facilityId ? (

src/components/Patient/PatientInfoCard.tsx

@@ -1,4 +1,3 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
 import {
   BedSingle,
   Building,
@@ -10,18 +9,8 @@ import {
 } from "lucide-react";
 import { Link } from "raviger";
 import { useTranslation } from "react-i18next";
-import { toast } from "sonner";
 
 import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import {
   Popover,
   PopoverContent,
@@ -30,29 +19,13 @@ import {
 
 import { Avatar } from "@/components/Common/Avatar";
 
-import routes from "@/Utils/request/api";
-import mutate from "@/Utils/request/mutate";
 import { formatDateTime, formatPatientAge } from "@/Utils/utils";
 import { Encounter, completedEncounterStatus } from "@/types/emr/encounter";
 import { Patient } from "@/types/emr/newPatient";
 
+import { Button } from "../ui/button";
 import ManageEncounterOrganizations from "./ManageEncounterOrganizations";
 
-const QUESTIONNAIRE_OPTIONS = [
-  {
-    slug: "encounter",
-    title: "Update Encounter",
-  },
-  {
-    slug: "community-nurse",
-    title: "Community Nurse Form",
-  },
-  {
-    slug: "recommend_discharge_v2",
-    title: "Recommend Discharge",
-  },
-] as const;
-
 export interface PatientInfoCardProps {
   patient: Patient;
   encounter: Encounter;
@@ -62,36 +35,6 @@ export interface PatientInfoCardProps {
 export default function PatientInfoCard(props: PatientInfoCardProps) {
   const { patient, encounter } = props;
   const { t } = useTranslation();
-  const queryClient = useQueryClient();
-
-  const { mutate: updateEncounter } = useMutation({
-    mutationFn: mutate(routes.encounter.update, {
-      pathParams: { id: encounter.id },
-    }),
-    onSuccess: () => {
-      toast.success(t("encounter_marked_as_complete"));
-      queryClient.invalidateQueries({ queryKey: ["encounter", encounter.id] });
-    },
-    onError: () => {
-      toast.error(t("error_updating_encounter"));
-    },
-  });
-
-  const handleMarkAsComplete = () => {
-    updateEncounter({
-      ...encounter,
-      status: "completed",
-      organizations: encounter.organizations.map((org) => org.id),
-      patient: encounter.patient.id,
-      encounter_class: encounter.encounter_class,
-      period: encounter.period,
-      hospitalization: encounter.hospitalization,
-      priority: encounter.priority,
-      external_identifier: encounter.external_identifier,
-      facility: encounter.facility.id,
-    });
-  };
-
   return (
     <>
       <section className="flex flex-col lg:flex-row">
@@ -319,31 +262,13 @@ export default function PatientInfoCard(props: PatientInfoCardProps) {
         >
           {!completedEncounterStatus.includes(encounter.status) && (
             <div className="flex w-full flex-col gap-3 lg:w-auto 2xl:flex-row">
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <Button variant="primary">
-                    {t("update")}
-                    <ChevronDown className="ml-2 h-4 w-4" />
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end">
-                  {QUESTIONNAIRE_OPTIONS.map((option) => (
-                    <DropdownMenuItem key={option.slug} asChild>
-                      <Link
-                        href={`/facility/${encounter.facility.id}/patient/${patient.id}/encounter/${encounter.id}/questionnaire/${option.slug}`}
-                        className="cursor-pointer text-gray-800"
-                      >
-                        {t(option.title)}
-                      </Link>
-                    </DropdownMenuItem>
-                  ))}
-                  <DropdownMenuSeparator />
-                  <DropdownMenuLabel>{t("actions")}</DropdownMenuLabel>
-                  <DropdownMenuItem onClick={handleMarkAsComplete}>
-                    {t("mark_as_complete")}
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
+              <Button asChild variant="primary">
+                <Link
+                  href={`/facility/${encounter.facility.id}/patient/${patient.id}/encounter/${encounter.id}/edit_encounter`}
+                >
+                  Update Encounter
+                </Link>
+              </Button>
             </div>
           )}
         </div>