From 6b4b41bfc8fe5a4184ca686be654da274e7b4862 Mon Sep 17 00:00:00 2001
From: Bob Burningham <bob@all-tech.services>
Date: Fri, 20 Oct 2023 17:41:39 -0700
Subject: [PATCH] fixed typo

---
 components/modals/members-modal.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/modals/members-modal.tsx b/components/modals/members-modal.tsx
index f7f5ce6..2dbf149 100644
--- a/components/modals/members-modal.tsx
+++ b/components/modals/members-modal.tsx
@@ -39,14 +39,14 @@ const roleIconMap = {
 export const MembersModal = () => {
     const router = useRouter();
     const { onOpen, isOpen, onClose, type, data } = useModal();
-    const [loadingId, setLodaingId] = useState("");
+    const [loadingId, setloadingId] = useState("");
 
     const isModalOpen = isOpen && type === "members";
     const { server } = data as { server: ServerWithMembersWithProfiles };
 
     const onKick = async (memberId: string) => {
         try {
-            setLodaingId(memberId);
+            setloadingId(memberId);
             const url = qs.stringifyUrl({
                 url: `/api/members/${memberId}`,
                 query: {
@@ -61,13 +61,13 @@ export const MembersModal = () => {
         } catch (error) {
             console.log(error);
         } finally {
-            setLodaingId("");
+            setloadingId("");
         }        
     }
 
     const onRoleChange = async (memberId: string, role: MemberRole) => {
         try {
-            setLodaingId(memberId);
+            setloadingId(memberId);
             const url = qs.stringifyUrl({
                 url: `/api/members/${memberId}`,
                 query: {
@@ -82,18 +82,18 @@ export const MembersModal = () => {
         } catch (error) {
             console.log(error);
         } finally {
-            setLodaingId("");
+            setloadingId("");
         }
     }
 
     return (
         <Dialog open={isModalOpen} onOpenChange={onClose}>
-            <DialogContent className="bg-white text-black overflow-hidden">
+            <DialogContent className="bg-white dark:bg-[#313338] text-black dark:text-white overflow-hidden">
                 <DialogHeader className="pt-8 px-6">
                     <DialogTitle className="text-2xl text-center font-bold">
                         Manage Members
                     </DialogTitle>
-                    <DialogDescription className="text-center text-zinc-500">
+                    <DialogDescription className="text-center text-zinc-500 dark:text-zinc-300">
                         {server?.members?.length} Members
                     </DialogDescription>
                 </DialogHeader>
@@ -106,7 +106,7 @@ export const MembersModal = () => {
                                     {member.profile.name}
                                     {roleIconMap[member.role]}
                                 </div>
-                                <p className="text-xs text-zinc-500">
+                                <p className="text-xs text-zinc-500 dark:text-zinc-300">
                                     {member.profile.email}
                                 </p>
                             </div>
@@ -114,7 +114,7 @@ export const MembersModal = () => {
                                 <div className="ml-auto">
                                     <DropdownMenu>
                                         <DropdownMenuTrigger>
-                                            <MoreVertical className="h-4 w-4 text-zinc-500">
+                                            <MoreVertical className="h-4 w-4 text-zinc-500 dark:text-zinc-300">
 
                                             </MoreVertical>
                                         </DropdownMenuTrigger>