function trigger(image, name) { return ( <span> <Image size="mini" avatar src={"/images/profile-picture/100x100/" + image} />{" "} {name} </span> ); }
const Logo = () => ( <Image size="mini" src={moltin} style={{marginRight: '1.5em'}} alt="I love Lamp" /> )
renderTrigger() { return <React.Fragment> <Image src={'https://upload.wikimedia.org/wikipedia/commons/7/7c/Profile_avatar_placeholder_large.png'} avatar/> {this.props.store.configStore.desktop ? <span style={{marginLeft: '5px'}}>{this.props.store.authStore.user.email}</span> : ''} </React.Fragment> }
render() { const { attendee } = this.props; // console.log("EventListAtendee"); // console.log(attendee); return ( <List.Item> {attendee.id} {"-"} <Image as="a" size="mini" circular src={attendee.photoURL} /> </List.Item> ); }
const GridExampleStackable = () => ( <Grid stackable columns={2} > <Grid.Column> <Question/> <Answer/> </Grid.Column> <Grid.Column> <Image src='https://react.semantic-ui.com/images/wireframe/image.png'/> </Grid.Column> </Grid> )
const LoaderSpinner = () => ( <Segment> <Dimmer active> <Loader>Loading</Loader> </Dimmer> <Image src='https://react.semantic-ui.com/images/wireframe/short-paragraph.png' /> </Segment> )
this.state.books.map((book) => ( <Grid.Column key={book.id}> <Segment as={ Link } to={'/books/' + book.id} className='book__link'> <div className='image__holder--small'> <Image centered src={book.book_cover.thumb.url} /> </div> <Header as='h4' textAlign='center'>{book.name}</Header> </Segment> </Grid.Column> ))
const ModalModalExample = () => ( <Modal trigger={<Button>Show Modal</Button>}> <Modal.Header>Select a Photo</Modal.Header> <Modal.Content image> <Image wrapped size='medium' src='https://react.semantic-ui.com/images/avatar/large/rachel.png' /> <Modal.Description> <Header>Default Profile Image</Header> <p>We've found the following gravatar image associated with your e-mail address.</p> <p>Is it okay to use this photo?</p> <Loader active inline='centered' /> </Modal.Description> </Modal.Content> </Modal> )
renderVideo (video) { return ( <List animated verticalAlign='middle' key={video.etag}> <List.Item onClick={() => this.props.reproduce(video)}> <List.Content> <List.Header> {video.snippet.title} </List.Header> </List.Content> <Image src={video.snippet.thumbnails.default.url}></Image> </List.Item> </List> ) }
const QuestionAnswer = () => ( <div className="fit-content"> <Question/><br/> <Image src='https://react.semantic-ui.com/images/wireframe/image.png' size="medium"/><br/> <Answer/> <NextPreviousButtons/> </div> )
function MovieItem(props) { const { movie, size } = props; const imgSrc = getPosterUrl(movie, size); return ( <Grid.Column className="movie-item"> <Link to={{ pathname: "/movie-detail/" + movie.id }} > <Image src={imgSrc} centered fluid /> </Link> </Grid.Column> ); }
this.state.newestBooks.map((book) => ( <Grid.Column key={book.id}> <Segment as={ Link } to={'/books/' + book.id} className='book__link'> <div className='image__holder'> <Image centered src={book.book_cover.small.url} /> </div> <Header as='h3' textAlign='center'>{book.name}</Header> </Segment> </Grid.Column> ))
const QuestionAnswer = () => ( <div> <Question/><br/> <Image src='https://react.semantic-ui.com/images/wireframe/image.png' size="medium"/><br/> <Answer/> </div> )
function trigger(image, name) { return ( <span> <Image size="mini" avatar src={"/images/profile-picture/100x100/" + image} />{" "} {name} </span> ); }
this.state.books.map(book => ( <Grid.Column key={book.id}> <Segment as={ Link } to={'/books/' + book.id} className='book__link'> <div className='image__holder--small'> <Image centered src={book.book_cover.thumb.url} /> </div> <Header as='h4' textAlign='center'>{book.name}</Header> </Segment> </Grid.Column> ))