Merge branch 'feat/ui/chat' into 'main'

add chat ui

See merge request !46

src/ui/Duel/simpleDuel/hintNotification.tsx

@@ -2,12 +2,14 @@ import React, { useEffect } from "react";
 import { useAppSelector } from "../../../hook";
 import { selectMeHint, selectOpHint } from "../../../reducers/duel/hintSlice";
 import { selectCurrentPhase } from "../../../reducers/duel/phaseSlice";
+import { selectChat } from "../../../reducers/chatSlice";
 import { notification } from "antd";
 
 const HintNotification = () => {
   const meHint = useAppSelector(selectMeHint);
   const opHint = useAppSelector(selectOpHint);
   const currentPhase = useAppSelector(selectCurrentPhase);
+  const chat = useAppSelector(selectChat);
 
   const [api, contextHolder] = notification.useNotification();
   useEffect(() => {
@@ -32,10 +34,21 @@ const HintNotification = () => {
     if (currentPhase) {
       api.info({
         message: `<当前阶段>${currentPhase}`,
+        placement: "topRight",
       });
     }
   }, [currentPhase]);
 
+  useEffect(() => {
+    if (chat !== "") {
+      api.info({
+        message: "Chat",
+        description: chat,
+        placement: "topLeft",
+      });
+    }
+  }, [chat]);
+
   return <>{contextHolder}</>;
 };