feat(company-representatives): add update name functionality for company representatives

Author: Francisca105

backend/src/mongodb/companyReps.go

@@ -102,7 +102,7 @@ func (c *CompanyRepsType) CreateCompanyRep(data CreateCompanyRepData) (*models.C
 		if err != nil {
 			return nil, err
 		}
-		
+
 		dataQuery["contact"] = contact.ID
 	} else {
 		contact, err := Contacts.Collection.InsertOne(ctx, bson.M{
@@ -144,10 +144,8 @@ func (c *CompanyRepsType) CreateCompanyRep(data CreateCompanyRepData) (*models.C
 func (c *CompanyRepsType) UpdateCompanyRep(id primitive.ObjectID, data CreateCompanyRepData) (*models.CompanyRep, error) {
 	ctx := context.Background()
 
-	var updateQuery = bson.M{
-		"$set": bson.M{
-			"name": data.Name,
-		},
+	setDoc := bson.M{
+		"name": data.Name,
 	}
 
 	if data.Contact != nil {
@@ -156,9 +154,12 @@ func (c *CompanyRepsType) UpdateCompanyRep(id primitive.ObjectID, data CreateCom
 			return nil, err
 		}
 
-		updateQuery["$Set.contact"] = contact.ID
+		// add contact id to the $set document
+		setDoc["contact"] = contact.ID
 	}
 
+	var updateQuery = bson.M{"$set": setDoc}
+
 	var optionsQuery = options.FindOneAndUpdate()
 	optionsQuery.SetReturnDocument(options.After)
 

frontend/src/api/companies.ts

@@ -66,6 +66,11 @@ export const createCompanyRepresentative = (
 export const deleteCompanyRepresentative = (id: string, repId: string) =>
   instance.delete(`/companies/${id}/employer/${repId}`);
 
+export const updateCompanyRepresentative = (
+  repId: string,
+  data: CreateCompanyRepData,
+) => instance.put(`/companyReps/${repId}`, data);
+
 export const updateRepresentativeOrder = (
   id: string,
   representativeIds: string[],

frontend/src/components/ContactCard.vue

@@ -55,7 +55,7 @@
                 <div class="flex-1 overflow-y-auto p-6 min-h-0">
                   <ContactForm
                     v-if="contact"
-                    without-name
+                    :without-name="entityType !== 'company'"
                     mode="edit"
                     :initial-data="{
                       id: contact.id,
@@ -247,6 +247,7 @@ import type { Contact } from "@/dto/contacts";
 import type { ContactSocials, CreateContactData } from "@/dto/contacts";
 import { Gender, Language } from "@/dto/contacts";
 import { updateContact } from "@/api/contacts";
+import { updateCompanyRepresentative } from "@/api/companies";
 import Card from "./ui/card/Card.vue";
 import CardContent from "./ui/card/CardContent.vue";
 import Badge from "./ui/badge/Badge.vue";
@@ -262,6 +263,7 @@ interface Props {
   canDelete?: boolean;
   entityId?: string;
   entityType?: "company" | "speaker";
+  repId?: string;
   isDeleting?: boolean;
 }
 
@@ -273,6 +275,7 @@ const props = withDefaults(defineProps<Props>(), {
   contactName: undefined,
   entityId: undefined,
   entityType: undefined,
+  repId: undefined,
 });
 
 const emit = defineEmits<{
@@ -330,6 +333,28 @@ const handleUpdateContact = async (data: CreateCompanyRepData) => {
   };
 
   updateContactMutation({ id: props.contact.id, data: contactData });
+
+  // If this contact is a company representative, also persist the representative's name
+  // through the companyRep endpoint so the rep name is updated.
+  if (props.entityType === "company" && props.repId) {
+    try {
+      await updateCompanyRepresentative(props.repId, {
+        name: data.name,
+        contact: data.contact,
+      });
+
+      // Invalidate representatives query for this company so UI refreshes
+      if (props.entityId) {
+        queryCache.invalidateQueries({
+          key: ["company-representatives", props.entityId],
+        });
+      }
+    } catch (err) {
+      // Log and continue — contact update already attempted
+      console.error("Failed to update company representative:", err);
+    }
+  }
+
   isEditFormOpen.value = false;
 };
 

frontend/src/components/companies/CompanyContacts.vue

@@ -141,6 +141,7 @@
               can-delete
               :entity-id="companyId"
               entity-type="company"
+              :rep-id="rep.id"
               :is-deleting="isDeleting"
               :class="{
                 'ml-2 md:ml-4': isReorderMode,