41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import {Component, useState} from "react";
|
|
import {WebSocketContext} from "../Context/Webscoket";
|
|
import Box from './Box'
|
|
class Donations extends Component {
|
|
static contextType = WebSocketContext;
|
|
|
|
|
|
// const [donations,setDonations] = useState([{name:"",amount:0.,message:""}]);
|
|
// const ws = new WebSocket('ws://localhost:5000/notify');
|
|
// ws.onopen = (event) => {
|
|
// console.log(event);
|
|
// }
|
|
// ws.onmessage = (event) => {
|
|
// const json = JSON.parse(event.data);
|
|
// try{
|
|
// console.log(json);
|
|
// setDonations((d) => {return [...d.slice(-4),json]});
|
|
// }
|
|
// catch(err)
|
|
// {
|
|
// console.log(err);
|
|
// }
|
|
// }
|
|
// const setError = (ev:any) =>{
|
|
// setDonations([{name:"error",amount:0,message:"We lost connection"}]);
|
|
// }
|
|
// ws.onclose = setError;
|
|
// ws.onerror = setError;
|
|
// {donations.map((item) => ( <Box name={item.name} amount={item.amount} message={item.message} /> ))}
|
|
//
|
|
render(){
|
|
let data = this.context;
|
|
console.log(data?.data);
|
|
return (<div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Donations
|