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