:sparkles: 巴利词头显示视频标签

dashboard/src/components/template/Wbw/WbwPali.tsx

@@ -7,6 +7,8 @@ import { IWbw } from "./WbwWord";
 import { bookMarkColor } from "./WbwDetailBookMark";
 import "./wbw.css";
 import { PaliReal } from "../../../utils";
+import WbwVideoButton from "./WbwVideoButton";
+import { IVideo } from "./WbwVideoButton";
 const { Paragraph } = Typography;
 interface IWidget {
   data: IWbw;
@@ -50,6 +52,22 @@ const Widget = ({ data, onSave }: IWidget) => {
     ? bookMarkColor[data.bookMarkColor.value]
     : "white";
 
+  //生成视频播放按钮
+  const videoList = data.attachments?.filter((word) => word.type === "video");
+  const videoIcon = videoList ? (
+    <WbwVideoButton
+      video={videoList?.map((item) => {
+        return {
+          url: item.url ? item.url : "",
+          title: item.name,
+        };
+      })}
+    />
+  ) : undefined;
+
+  if (typeof data.attachments !== "undefined") {
+  }
+
   const bookMarkIcon = data.bookMarkText ? (
     <Popover
       content={<Paragraph copyable>{data.bookMarkText.value}</Paragraph>}
@@ -93,6 +111,7 @@ const Widget = ({ data, onSave }: IWidget) => {
         >
           {paliWord}
         </Popover>
+        {videoIcon}
         {noteIcon}
         {bookMarkIcon}
       </div>