Files
Jellystat/src/pages/components/settings/TerminalComponent.jsx
c4lyp5o 3ffb21f8b8 feat: change webpack to vite
changed all extensions from js to jsx
added proxies in vite config
set up chunk for smaller distribution size
remove setupProxy
remove reportWebVitals
2023-11-07 16:44:45 +08:00

22 lines
563 B
JavaScript

import React, { useState } from 'react';
import '../../css/websocket/websocket.css';
function TerminalComponent(props){
const [messages] = useState(props.data);
return (
<div className='my-4'>
<div className="console-container">
{messages && messages.map((message, index) => (
<div key={index} className="console-message">
<pre style={{color: message.color || 'white'}} className="console-text">{message.Message}</pre>
</div>
))}
</div>
</div>
);
};
export default TerminalComponent;