164 |
165 | {messages.map((message: MessageType) => (
166 | {
171 | setMessages((messages: MessageType[]) => messages.map((item: MessageType) => {
172 | if (item.id === message.id) {
173 | return { ...item, content: newContent };
174 | }
175 | return item;
176 | }));
177 | }}
178 | onChangeRole={() => {
179 | setMessages((messages: MessageType[]) => messages.map((item: MessageType) => {
180 | if (item.id === message.id) {
181 | return { ...item, role: getNextRole(item.role) };
182 | }
183 | return item;
184 | }));
185 | }}
186 | onDelete={() => {
187 | setMessages((messages: MessageType[]) => messages.filter((item: MessageType) => item.id !== message.id));
188 | }}
189 | key={message.id}
190 | />
191 | ))}
192 |
193 |
199 |
200 |
201 |
207 | Run
208 |
209 | } />
210 | {
216 | setRunButtonDisabled(e.target.value === "" || messages.length === 0 || isRunning);
217 | setApiKey(e.target.value)
218 | }}
219 | />
220 |
221 |
222 |