Changed corporate from user.name to user.companyName

Company name is now updateable

src/components/UserCard.tsx

@@ -48,7 +48,7 @@ const UserCard = ({user, loggedInUser, onClose, onViewStudents, onViewTeachers,
 	const [referralAgent, setReferralAgent] = useState(user.type === "corporate" ? user.corporateInformation?.referralAgent : undefined);
 	const [companyName, setCompanyName] = useState(
 		user.type === "corporate"
-			? user.corporateInformation?.companyInformation.name
+			? user.corporateInformation?.companyInformation.companyName
 			: user.type === "agent"
 			? user.agentInformation.companyName
 			: undefined,

src/dashboards/Admin.tsx

@@ -48,7 +48,7 @@ export default function AdminDashboard({user}: Props) {
 			<div className="flex flex-col gap-1 items-start">
 				<span>
 					{displayUser.type === "corporate"
-						? displayUser.corporateInformation?.companyInformation?.name || displayUser.name
+						? displayUser.corporateInformation?.companyInformation?.companyName || displayUser.name
 						: displayUser.name}
 				</span>
 				<span className="text-sm opacity-75">{displayUser.email}</span>

src/dashboards/Agent.tsx

@@ -51,7 +51,7 @@ export default function AgentDashboard({user}: Props) {
 			<div className="flex flex-col gap-1 items-start">
 				<span>
 					{displayUser.type === "corporate"
-						? displayUser.corporateInformation?.companyInformation?.name || displayUser.name
+						? displayUser.corporateInformation?.companyInformation?.companyName || displayUser.name
 						: displayUser.name}
 				</span>
 				<span className="text-sm opacity-75">{displayUser.email}</span>

src/interfaces/user.ts

@@ -68,7 +68,7 @@ export interface AgentInformation {
 }
 
 export interface CompanyInformation {
-	name: string;
+	companyName: string;
 	userAmount: number;
 }
 

src/pages/(admin)/Lists/UserList.tsx

@@ -294,7 +294,7 @@ export default function UserList({user, filters = []}: {user: User; filters?: ((
 							"underline text-mti-purple-light hover:text-mti-purple-dark transition ease-in-out duration-300 cursor-pointer",
 					)}
 					onClick={() => (PERMISSIONS.updateExpiryDate[row.original.type].includes(user.type) ? setSelectedUser(row.original) : null)}>
-					{row.original.type === "corporate" ? row.original.corporateInformation?.companyInformation?.name || getValue() : getValue()}
+					{row.original.type === "corporate" ? row.original.corporateInformation?.companyInformation?.companyName || getValue() : getValue()}
 				</div>
 			),
 		}),

src/pages/payment-record.tsx

@@ -115,7 +115,7 @@ const PaymentCreator = ({onClose, reload, showComission = false}: {onClose: () =
 						options={(users.filter((u) => u.type === "corporate") as CorporateUser[]).map((user) => ({
 							value: user.id,
 							meta: user,
-							label: `${user.corporateInformation.companyInformation.name || user.name} - ${user.email}`,
+							label: `${user.corporateInformation.companyInformation.companyName || user.name} - ${user.email}`,
 						}))}
 						defaultValue={{value: "undefined", label: "Select an account"}}
 						onChange={(value) => setCorporate((value as any)?.meta ?? undefined)}
@@ -313,14 +313,16 @@ export default function PaymentRecord() {
 		}),
 		columnHelper.accessor("corporate", {
 			header: "Corporate",
-			cell: (info) => (
+			cell: (info) => {
+				const user = users.find((x) => x.id === info.row.original.corporate) as CorporateUser;
+				return (
 					<div
 						className={clsx("underline text-mti-purple-light hover:text-mti-purple-dark transition ease-in-out duration-300 cursor-pointer")}
-					onClick={() => setSelectedUser(users.find((x) => x.id === info.row.original.corporate))}>
+						onClick={() => setSelectedUser(user)}>
-					{(users.find((x) => x.id === info.row.original.corporate) as CorporateUser)?.corporateInformation.companyInformation.name ||
+						{user?.corporateInformation.companyInformation.companyName || user?.name}
-						(users.find((x) => x.id === info.row.original.corporate) as CorporateUser)?.name}
 					</div>
-			),
+				);
+			},
 		}),
 		columnHelper.accessor("date", {
 			header: "Date",
@@ -445,7 +447,7 @@ export default function PaymentRecord() {
 								options={(users.filter((u) => u.type === "corporate") as CorporateUser[]).map((user) => ({
 									value: user.id,
 									meta: user,
-									label: `${user.corporateInformation.companyInformation.name || user.name} - ${user.email}`,
+									label: `${user.corporateInformation.companyInformation.companyName || user.name} - ${user.email}`,
 								}))}
 								onChange={(value) => setCorporate((value as any)?.meta ?? undefined)}
 								styles={{