Spaces:
Configuration error
Configuration error
File size: 1,663 Bytes
c132e32 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
import React from "react"
export default class CustomNodeIframe extends React.Component {
constructor({data}){
super()
this.state = {
reachable : true,
selected : true,
data : data
}
}
handelSelected = () => {
fetch(this.state.data.host, {mode: 'no-cors'}).then((re) => {
this.setState({reachable : true, selected : !this.state.selected, data : this.state.data})
}).catch(()=>{
this.setState({reachable : false, selected : !this.state.selected, data : this.state.data})
})
//>
}
render(){
console.log(this.state.reachable)
return (
<>
{ this.state.selected && this.state.reachable ?
<div className='relative h-[540px] w-[600px] overflow-hidden m-0 p-0' onClick={()=>this.handelSelected()}>
<div className={`absolute h-full w-full ${this.state.data.colour} border-1shadow-2xl shadow-black rounded-xl -z-10`}></div>
<iframe src={this.state.data.host} title={this.state.data.label} frameBorder={0} allowFullScreen className=" h-full w-full p-2 overflow-y-scroll"></iframe>
</div> :
<>
<div className='break-words'>
<div className=' h-auto text-center pointer-events-none'>
<div className='hexagon pointer-events-auto break-words text-center hover:animate-pulse dark:bg-black dark:text-white' onClick={()=>this.handelSelected()} >
<p className='z-50 pointer-events-none break-words font-sans font-bold'>{this.state.data.label}</p>
</div>
</div>
</div>
</> }
</>
)
}
}
|