import Ding from "/$/cs/static/audio/ding.wav";
import type { Cs } from "../types";
import { ElNotification } from "element-plus";
import { getEmoji } from "../utils";
import { useSession } from "./session";

export function useNotice() {
	const session = useSession();

	// ding
	const audio = new Audio(Ding);

	// 消息提示
	function create({ content, user, sessionId }: Cs.Msg, { open }: { open: () => Promise<void> }) {
		if (content) {
			const icon = <img src={user.avatarUrl} style={{ height: "32px", width: "32px" }} />;

			let message = content.data;

			switch (content.type) {
				case "image":
					message = "[图片]";
					break;

				case "voice":
					message = "[语音]";
					break;

				case "video":
					message = "[视频]";
					break;

				case "file":
					message = "[文件]";
					break;

				case "location":
					message = "[位置]";
					break;

				case "emoji":
					message = (
						<img src={getEmoji(message)} style={{ height: "22px", width: "22px" }} />
					);
					break;
			}

			ElNotification({
				title: user.nickName,
				message,
				icon,
				async onClick() {
					await open();

					// 切换会话
					session.setById(sessionId!);
				}
			});
		}

		// 播放声音
		audio?.play();
	}

	return {
		create
	};
}