update small

neos.config.json

@@ -18,6 +18,7 @@
    "profileUrl":"https://accounts.moecube.com/profiles",
    "athleticWatchUrl":"wss://tiramisu.moecube.com:8923",
    "entertainWatchUrl":"wss://tiramisu.moecube.com:7923",
+   "avatarApi": "https://sapi.moecube.com:444/avatar/avatar/{username}/120/1.png",
    "streamInterval":20,
    "startDelay":1000,
    "ui":{

neos.config.prod.json

@@ -18,6 +18,7 @@
    "profileUrl":"https://accounts.moecube.com/profiles",
    "athleticWatchUrl":"wss://tiramisu.moecube.com:8923",
    "entertainWatchUrl":"wss://tiramisu.moecube.com:7923",
+   "avatarApi": "https://sapi.moecube.com:444/avatar/avatar/{username}/120/1.png",
    "streamInterval":20,
    "startDelay":1000,
    "ui":{

src/ui/Match/WatchModal.tsx

-import { App, List } from "antd";
+import { App, Avatar, List } from "antd";
 import React, { useState } from "react";
 import useWebSocket, { ReadyState } from "react-use-websocket";
 
 import { useConfig } from "@/config";
 
-const { athleticWatchUrl } = useConfig();
+const { athleticWatchUrl, avatarApi } = useConfig();
 
 interface Info {
   event: "init" | "create" | "update" | "delete";
@@ -101,6 +101,14 @@ export const WatchModal: React.FC = () => {
       renderItem={(room) => (
         <List.Item key={room.id}>
           <List.Item.Meta
+            avatar={
+              <Avatar
+                src={avatarApi.replace(
+                  "{username}",
+                  room.users?.at(0)?.username ?? "?",
+                )}
+              />
+            }
             title={`${room.users?.at(0)?.username} 与 ${room.users?.at(1)
               ?.username} 的决斗`}
           />