BobsRepos/discord-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed typo

Browse Source
This commit is contained in:
Bob Burningham 2023-10-20 17:41:39 -07:00
parent d71588b8ac
commit 6b4b41bfc8
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/modals/members-modal.tsx
View File

@ -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>