function trigger(image, name) { return ( <span> <Image size="mini" avatar src={"/images/profile-picture/100x100/" + image} />{" "} {name} </span> ); }
const newProjectModal = () => { return ( <Modal open={addProject} onClose={() => setAddProject(false)} size="tiny" closeIcon> <ProjectForm onComplete={_onProjectCreated} /> </Modal> ); }
export default function App() { return ( <Container> <h1>React Hooks Context Demo</h1> <CounterView /> <ContactView /> </Container> ) }
function SuspenseLoader() { return ( <Loader active /> ); }
render(){ return ( <div className="attack-import"> <Popup trigger={<Icon name="upload" id="attack-import" size="large" onClick={this._openFileDialog}/>} content="Import Attack" /> <input id="attack-import-input" type="file" style={{display: 'none'}} accept=".json" onChange={this._import} multiple/> </div> ) }
const Logo = () => ( <Image size="mini" src={moltin} style={{marginRight: '1.5em'}} alt="I love Lamp" /> )
const AudioType = ({ url, filetype }) => ( <div> <audio controls> <source src={url} type={filetype} /> </audio> <br /> <a href={url} target="blank"> <Icon className="file audio" /> File Link </a> </div> )
function trigger(image, name) { return ( <span> <Image size="mini" avatar src={"/images/profile-picture/100x100/" + image} />{" "} {name} </span> ); }