Update AssistantsPage to include new icon for audio preview button and adjust text for clarity. Add square icon for stop audio preview button to enhance UI consistency.

This commit is contained in:
Xin Wang
2026-02-26 16:35:12 +08:00
parent 0de6fe529e
commit 0f02de5fc3

View File

@@ -1,6 +1,6 @@
import React, { useState, useEffect, useMemo, useRef } from 'react';
import { Plus, Search, Play, Copy, Trash2, Mic, MessageSquare, Save, Video, PhoneOff, Camera, ArrowLeftRight, Send, Phone, Rocket, AlertTriangle, PhoneCall, CameraOff, Image, Images, CloudSun, Calendar, TrendingUp, Coins, Wrench, Globe, Terminal, X, ClipboardCheck, Sparkles, Volume2, Timer, ChevronDown, Database, Server, Zap, ExternalLink, Key, BrainCircuit, Ear, Book, Filter } from 'lucide-react';
import { Plus, Search, Play, Square, Copy, Trash2, Mic, MessageSquare, Save, Video, PhoneOff, Camera, ArrowLeftRight, Send, Phone, Rocket, AlertTriangle, PhoneCall, CameraOff, Image, Images, CloudSun, Calendar, TrendingUp, Coins, Wrench, Globe, Terminal, X, ClipboardCheck, Sparkles, Volume2, Timer, ChevronDown, Database, Server, Zap, ExternalLink, Key, BrainCircuit, Ear, Book, Filter } from 'lucide-react';
import { Button, Input, Badge, Drawer, Dialog } from '../components/UI';
import { ASRModel, Assistant, KnowledgeBase, LLMModel, TabValue, Tool, Voice } from '../types';
import { createAssistant, deleteAssistant, fetchASRModels, fetchAssistantOpenerAudioPcmBuffer, fetchAssistants, fetchKnowledgeBases, fetchLLMModels, fetchTools, fetchVoices, generateAssistantOpenerAudio, updateAssistant as updateAssistantApi } from '../services/backendApi';
@@ -834,10 +834,12 @@ export const AssistantsPage: React.FC = () => {
onClick={handlePreviewOpenerAudio}
disabled={!selectedAssistant.openerAudioReady || openerAudioGenerating}
>
{openerAudioPreviewing ? '播放中...' : '预览预加载音频'}
<Play className="w-3.5 h-3.5 mr-1.5" />
{openerAudioPreviewing ? '播放中...' : '预览'}
</Button>
{openerAudioPreviewing && (
<Button variant="ghost" size="sm" onClick={stopOpenerAudioPreview}>
<Square className="w-3.5 h-3.5 mr-1.5" />
</Button>
)}