From 08c7ca99b65fd687ca44e174ccc8aa51b4e576e2 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sat, 9 Mar 2024 15:50:30 +0100
Subject: [PATCH] fixup! Handle non-verifed users on the front

---
 front/packages/ui/src/admin/users.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/front/packages/ui/src/admin/users.tsx b/front/packages/ui/src/admin/users.tsx
index 6fa24836..e2739c92 100644
--- a/front/packages/ui/src/admin/users.tsx
+++ b/front/packages/ui/src/admin/users.tsx
@@ -30,6 +30,7 @@ import { SettingsContainer } from "../settings/base";
 import UserI from "@material-symbols/svg-400/rounded/account_circle.svg";
 import Delete from "@material-symbols/svg-400/rounded/delete.svg";
 import MoreVert from "@material-symbols/svg-400/rounded/more_vert.svg";
+import Verifed from "@material-symbols/svg-400/rounded/verified_user.svg";
 import Unverifed from "@material-symbols/svg-400/rounded/gpp_bad.svg";
 import Admin from "@material-symbols/svg-400/rounded/shield_person.svg";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
@@ -40,14 +41,14 @@ export const UserGrid = ({
 	username,
 	avatar,
 	isAdmin,
-	isVerifed,
+	isVerified,
 	...props
 }: WithLoading<{
 	id: string;
 	username: string;
 	avatar: string;
 	isAdmin: boolean;
-	isVerifed: boolean;
+	isVerified: boolean;
 }>) => {
 	const { css } = useYoshiki();
 	const { t } = useTranslation();
@@ -67,14 +68,14 @@ export const UserGrid = ({
 			<Avatar src={avatar} alt={username} placeholder={username} size={UserGrid.layout.size} fill />
 			<View {...css({ flexDirection: "row" })}>
 				<Icon
-					icon={isVerifed ? Unverifed : isAdmin ? Admin : UserI}
+					icon={!isVerified ? Unverifed : isAdmin ? Admin : UserI}
 					{...css({
 						alignSelf: "center",
 						m: ts(1),
 					})}
 					{...tooltip(
 						t(
-							isVerifed
+							!isVerified
 								? "admin.users.unverifed"
 								: isAdmin
 									? "admin.users.adminUser"
@@ -86,9 +87,10 @@ export const UserGrid = ({
 					<P>{username}</P>
 				</Skeleton>
 				<Menu Trigger={IconButton} icon={MoreVert} {...tooltip(t("misc.more"))}>
-					{!isVerifed && (
+					{!isVerified && (
 						<Menu.Item
 							label={t("admin.users.verify")}
+							icon={Verifed}
 							onSelect={() =>
 								mutateAsync({
 									permissions: ["overall.read", "overall.play"],
@@ -177,7 +179,7 @@ export const UserList = () => {
 						username={user.username}
 						avatar={user.logo}
 						isAdmin={user.permissions?.includes("admin.write")}
-						isVerified={user.permissions?.length == 0}
+						isVerified={user.permissions && user.permissions.length > 0}
 					/>
 				)}
 			</InfiniteFetch>