Tristan Yang
43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
import InviteByEmail from "./InviteByEmail";
|
|
import AddMembers from "./AddMembers";
|
|
import CloseIcon from "../../../assets/icons/close.svg";
|
|
import Modal from "../Modal";
|
|
import { useAppSelector } from "../../../app/store";
|
|
import { FC } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
|
|
interface Props {
|
|
type?: "server" | "channel";
|
|
cid?: number;
|
|
title?: string;
|
|
closeModal: () => void;
|
|
}
|
|
|
|
const InviteModal: FC<Props> = ({ type = "server", cid, title = "", closeModal }) => {
|
|
const { t } = useTranslation("chat");
|
|
const { channel, server } = useAppSelector((store) => {
|
|
return {
|
|
channel: cid ? store.channels.byId[cid] : undefined,
|
|
server: store.server
|
|
};
|
|
});
|
|
const finalTitle = type == "server" ? server.name : `#${title || channel?.name}`;
|
|
return (
|
|
<Modal>
|
|
<div className="flex flex-col bg-white dark:bg-gray-900 rounded-lg max-h-[85vh] overflow-y-scroll md:min-w-[408px] relative">
|
|
<h2 className="z-50 p-4 bg-white dark:bg-gray-900 flex items-center justify-between text-lg text-gray-700 dark:text-gray-50 sticky top-0">
|
|
{t("invite_title", { name: finalTitle })}
|
|
<CloseIcon className="cursor-pointer dark:fill-white" onClick={closeModal} />
|
|
</h2>
|
|
<div className="px-4 pb-4">
|
|
{!channel?.is_public && <AddMembers cid={cid} closeModal={closeModal} />}
|
|
<InviteByEmail cid={channel?.is_public ? undefined : cid} />
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
export default InviteModal;
|