Some general improvements

src/components/Navbar.tsx

@@ -145,8 +145,10 @@ export default function Navbar({user, path, navDisabled = false, focusMode = fal
 					<Link href={disableNavigation ? "" : "/profile"} className="-md:hidden flex items-center justify-end gap-6">
 						<img src={user.profilePicture} alt={user.name} className="h-10 w-10 rounded-full object-cover" />
 						<span className="-md:hidden text-right">
-							{user.type === "corporate" ? `${user.corporateInformation?.companyInformation.name} |` : ""} {user.name} |{" "}
-							{USER_TYPE_LABELS[user.type]}
+							{(user.type === "corporate" || user.type === "mastercorporate") && !!user.corporateInformation?.companyInformation?.name
+								? `${user.corporateInformation?.companyInformation.name} |`
+								: ""}{" "}
+							{user.name} | {USER_TYPE_LABELS[user.type]}
 							{user.type === "corporate" &&
 								!!user.demographicInformation?.position &&
 								` | ${user.demographicInformation?.position || "N/A"}`}

src/pages/api/make_user.ts

@@ -67,12 +67,22 @@ async function post(req: NextApiRequest, res: NextApiResponse) {
 				focus: "academic",
 				status: "active",
 				desiredLevels: DEFAULT_DESIRED_LEVELS,
-				profilePicture: "/defaultAvatar.png",
+				profilePicture: maker.type === "corporate" || maker.type === "mastercorporate" ? maker.profilePicture : "/defaultAvatar.png",
 				levels: DEFAULT_LEVELS,
 				isFirstLogin: false,
 				isVerified: true,
 				registrationDate: new Date(),
 				subscriptionExpirationDate: expiryDate || null,
+				...(maker.type === "mastercorporate" && type === "corporate"
+					? {
+							corporateInformation: {
+								companyInformation: {
+									name: maker.corporateInformation?.companyInformation?.name || "N/A",
+									userAmount: 0,
+								},
+							},
+					  }
+					: {}),
 			};
 
 			const uid = new ShortUniqueId();

src/pages/profile.tsx

@@ -97,9 +97,7 @@ function UserProfile({user, mutateUser, linkedCorporate, groups, users}: Props)
 	const [isLoading, setIsLoading] = useState(false);
 	const [profilePicture, setProfilePicture] = useState(user.profilePicture);
 
-	const [desiredLevels, setDesiredLevels] = useState<{[key in Module]: number} | undefined>(
-		checkAccess(user, ["developer", "student"]) ? user.desiredLevels : undefined,
-	);
+	const [desiredLevels, setDesiredLevels] = useState(checkAccess(user, ["developer", "student"]) ? user.desiredLevels : undefined);
 	const [focus, setFocus] = useState<"academic" | "general">(user.focus);
 
 	const [country, setCountry] = useState<string>(user.demographicInformation?.country || "");
@@ -119,16 +117,17 @@ function UserProfile({user, mutateUser, linkedCorporate, groups, users}: Props)
 		user.type === "student" || user.type === "developer" ? user.preferredTopics : undefined,
 	);
 
-	const [position, setPosition] = useState<string | undefined>(user.type === "corporate" ? user.demographicInformation?.position : undefined);
-	const [corporateInformation, setCorporateInformation] = useState(user.type === "corporate" ? user.corporateInformation : undefined);
-	const [companyName, setCompanyName] = useState<string | undefined>(user.type === "agent" ? user.agentInformation?.companyName : undefined);
-	const [commercialRegistration, setCommercialRegistration] = useState<string | undefined>(
-		user.type === "agent" ? user.agentInformation?.commercialRegistration : undefined,
+	const [position, setPosition] = useState<string | undefined>(
+		user.type === "corporate" || user.type === "mastercorporate" ? user.demographicInformation?.position : undefined,
 	);
+	const [corporateInformation, setCorporateInformation] = useState(
+		user.type === "corporate" || user.type === "mastercorporate" ? user.corporateInformation : undefined,
+	);
+
+	const [companyName] = useState<string | undefined>(user.type === "agent" ? user.agentInformation?.companyName : undefined);
+	const [commercialRegistration] = useState<string | undefined>(user.type === "agent" ? user.agentInformation?.commercialRegistration : undefined);
 	const [arabName, setArabName] = useState<string | undefined>(user.type === "agent" ? user.agentInformation?.companyArabName : undefined);
-
 	const [timezone, setTimezone] = useState<string>(user.demographicInformation?.timezone || moment.tz.guess());
-
 	const [isPreferredTopicsOpen, setIsPreferredTopicsOpen] = useState(false);
 
 	const profilePictureInput = useRef(null);
@@ -288,7 +287,7 @@ function UserProfile({user, mutateUser, linkedCorporate, groups, users}: Props)
 											}))
 										}
 										placeholder="Enter your company's name"
-										defaultValue={corporateInformation?.companyInformation.name}
+										defaultValue={corporateInformation?.companyInformation?.name}
 										required
 									/>
 								)}