Add indicator for primary user

src/ui/components/userDetail/userDetailHeader.tsx

@@ -13,13 +13,13 @@
  * under the License.
  */
 
-import { FC, useCallback, useContext, useEffect } from "react";
+import { FC, useCallback, useContext } from "react";
 import { PopupContentContext } from "../../contexts/PopupContentContext";
 import { User, UserProps } from "../../pages/usersList/types";
 import CopyText from "../copyText/CopyText";
+import { useUserDetailContext } from "./context/UserDetailContext";
 import { UserDetailProps } from "./userDetail";
 import { getUserDeleteConfirmationProps } from "./userDetailForm";
-import { useUserDetailContext } from "./context/UserDetailContext";
 
 const getBadgeInitial = ({ firstName, lastName, emails, id }: User) => {
 	let firstnameToUse = "";

src/ui/components/userDetail/userDetailInfoGrid.tsx

@@ -199,7 +199,7 @@ export const UserDetailInfoGrid: FC<UserDetailInfoGridProps> = (props) => {
 		...JSON.parse(userDetail.metaData ?? "{}"),
 	});
 	const { showModal } = useContext(PopupContentContext);
-	const { firstName, lastName, timeJoined, emails } = userState;
+	const { firstName, lastName, timeJoined, emails, isPrimaryUser } = userState;
 	const [isEditing, setIsEditing] = useState(false);
 	const { tenantsListFromStore } = useTenantsListContext();
 
@@ -289,6 +289,11 @@ export const UserDetailInfoGrid: FC<UserDetailInfoGridProps> = (props) => {
 						label={"Signed up on:"}
 						body={timeJoined && formatLongDate(timeJoined)}
 					/>
+
+					<UserDetailInfoGridItem
+						label={"Is Primary User?"}
+						body={isPrimaryUser ? "Yes" : "No"}
+					/>
 				</div>
 			</LayoutPanel>
 		</div>

src/ui/pages/usersList/types.ts

@@ -55,6 +55,7 @@ export type User = {
 	firstName?: string;
 	lastName?: string;
 	tenantIds: string[];
+	isPrimaryUser: boolean;
 };
 
 export type UserEmailPassword = User;