errorMessage() { return ( <Header as="h2" icon color="orange"> <Icon color="orange" name="delete" circular /> There was an error adding you to the team. <Header.Subheader> Please try refreshing the page or contact us. </Header.Subheader> </Header> ); }
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 ModalOk = props => ( <Modal centered open={props.estado}> <Modal.Header>{props.titulo}</Modal.Header> <Modal.Actions> <Button color="green" onClick={props.cerrar} inverted> <Icon name="checkmark" /> OK ! </Button> </Modal.Actions> </Modal> )
render() { return ( <Dropzone className={`ignore `} onDrop={file => this.handleUpload(file[0])} > <Button icon> <Icon name="paperclip" /> </Button> </Dropzone> ); }
render() { return <Menu.Item onClick={() => this.props.store.configStore.toggleSidebar()}> <Icon name={'content'}/> </Menu.Item> }
const ImageType = ({ url }) => ( <React.Fragment> <img className="image-type" src={url} alt="" /> <br /> <a href={url} target="blank"> <Icon className="file image" /> File Link </a> </React.Fragment> )
render() { return <Dropdown item simple className={'right'} trigger={this.renderTrigger()}> <Dropdown.Menu> <Dropdown.Item onClick={() => this.props.store.authStore.logout()}><Icon name='lock'/>Logout</Dropdown.Item> </Dropdown.Menu> </Dropdown>; }
const HeroBar = props => { return ( <Segment> <Header as='h1' icon textAlign='center'> <Icon name='cogs' /> <Header.Content>{props.children}</Header.Content> </Header> </Segment> ); }
const UserNotFound = () => { return ( <Message icon error> <Icon name='warning' /> <Message.Content> <Message.Header>Username Not Found</Message.Header> The username you supplied was not found, therefore no repositories can be listed! </Message.Content> </Message> ); }
const ModalError = props => ( <Modal centered open={props.estado}> <Modal.Header color="red">Hubo un problema. Favor intenta nuevamente</Modal.Header> <Modal.Actions> <Button color="orange" onClick={props.cerrar} inverted> <Icon name="checkmark" /> OK ! </Button> </Modal.Actions> </Modal> )
const NoMatch = () => { return ( <Layout> <Icon name="minus circle" size="big" /> <strong>Page not found!</strong> </Layout> ); }
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> )
const Loading = ({ loading }) => ( <div className="loading"> <div className={loading ? "loading__card" : "loading__card loaded"}> <Icon name="cog" loading={true} size="large" color="black" /> </div> </div> )
const CommentIcon = () => { return ( <div className="three wide column"> <Icon name="comment outline" color="black" size="big" className="heart-icon" /> </div> ); }
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> ) }