From 4f4a23cc2dafe2a33d53dc5c3f619ab1144244e4 Mon Sep 17 00:00:00 2001
From: sk1982 <sk1982@noreply.gitea.tendokyu.moe>
Date: Sun, 31 Mar 2024 23:29:02 -0400
Subject: [PATCH] fix: missing key and type import

---
 src/app/(with-header)/admin/users/admin-user-list.tsx | 2 +-
 src/app/(with-header)/user/[userId]/user-profile.tsx  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/(with-header)/admin/users/admin-user-list.tsx b/src/app/(with-header)/admin/users/admin-user-list.tsx
index 56276c9..92ce091 100644
--- a/src/app/(with-header)/admin/users/admin-user-list.tsx
+++ b/src/app/(with-header)/admin/users/admin-user-list.tsx
@@ -146,7 +146,7 @@ export const AdminUserList = ({ users: initialUsers }: { users: AdminUser[]; })
 						}
 
 						{[...USER_PERMISSION_NAMES].filter(([permission]) => userEntry.permissions! & (1 << permission))
-							.map(([permission]) => <PermissionIcon className="w-6 h-6 ml-2" permission={permission} />)}
+							.map(([permission]) => <PermissionIcon className="w-6 h-6 ml-2" permission={permission} key={permission} />)}
 
 						<Spacer className="flex-grow" />
 
diff --git a/src/app/(with-header)/user/[userId]/user-profile.tsx b/src/app/(with-header)/user/[userId]/user-profile.tsx
index 587e65e..dcd51df 100644
--- a/src/app/(with-header)/user/[userId]/user-profile.tsx
+++ b/src/app/(with-header)/user/[userId]/user-profile.tsx
@@ -17,6 +17,7 @@ import { useState } from 'react';
 import { useConfirmModal } from '@/components/confirm-modal';
 import { useRouter } from 'next/navigation';
 import { ChuniPenguinIcon } from '@/components/chuni/chuni-penguin-icon';
+import { DB } from '@/types/db';
 
 export type UserProfile<V extends boolean> = Pick<UserPayload, 'username' | 'id' | 'uuid' | 'permissions'> & Pick<DBUserPayload, 'created_date' | 'last_login_date'> & { visible: V; };
 type UserFriend = Pick<DB['actaeon_user_friends'], 'chuniRival'> | null | undefined;
@@ -53,7 +54,7 @@ export const UserProfile = <T extends boolean>(props: UserProfileProps<T>) => {
 				</Tooltip>}
 				<span>{props.user.username}</span>
 				{[...USER_PERMISSION_NAMES].filter(([permission]) => props.user.permissions! & (1 << permission))
-					.map(([permission]) => <PermissionIcon permission={permission} className="ml-2.5 h-7 w-7" />)}
+					.map(([permission]) => <PermissionIcon key={permission}  permission={permission} className="ml-2.5 h-7 w-7" />)}
 			</div>
 
 			<div className="ml-auto flex gap-2">