Tristan Yang
26 lines
858 B
TypeScript
26 lines
858 B
TypeScript
// import { useEffect } from "react";
|
|
import { ChatPrefixes } from "../../../app/config";
|
|
import { useTranslation } from "react-i18next";
|
|
type Props = {
|
|
context: "user" | "channel",
|
|
name: string
|
|
};
|
|
const DnDTip = ({ context, name }: Props) => {
|
|
const { t } = useTranslation("chat");
|
|
|
|
return (
|
|
<div
|
|
className={`flex-center absolute left-0 top-0 w-full h-full bg-black/50`}
|
|
>
|
|
<div className={`p-4 drop-shadow-md rounded-lg bg-primary-300`}>
|
|
<div className="p-4 pt-16 border-2 border-dashed border-[#a5f3fc] rounded-md flex flex-col items-center text-white">
|
|
<h4 className="text-xl font-semibold">{`${t("send_to")} ${ChatPrefixes[context]}${name}`}</h4>
|
|
<span className="text-sm">Photos accept jpg, png, max size limit to 10M.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default DnDTip;
|