+ {supportUsers.map((user) => {
+ const isSelected = selectedUser?.id === user.id;
+ return (
+
handleSelectUser(user)}
+ style={{
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ padding: '10px 14px',
+ borderRadius: 6,
+ cursor: 'pointer',
+ border: `1px solid ${isSelected ? token.colorPrimary : token.colorBorderSecondary}`,
+ background: isSelected ? token.colorPrimaryBg : token.colorBgContainer,
+ transition: 'all 0.2s',
+ }}
+ >
+
+
+ {user.username}
+
+
+
+ );
+ })}
+ {supportUsers.length === 0 && (
+
+ 暂无客服用户
+
+ )}
+
+