render(props, {}) { return ( <div style={imageStyle}> <img ref={img => (this.img = img)} src={props.newProfilePicture} /> </div> ); }
const EmptyState = ({ children, ...props }) => ( <div class={style.emptyStateDivBox}> <img src="/assets/images/undraw_personalization.svg" class={style.emptyStateImage} /> <p class={style.emptyStateText}> <Text id="scene.emptySceneSentenceTop" /> </p> </div> )
const LoginGatewayPage = ({ children, ...props }) => ( <div class="container"> <div class="row"> <div class="col col-login mx-auto"> <div class="text-center mb-6"> <h2> <Localizer> <img src="/assets/icons/favicon-96x96.png" class="header-brand-img" alt={<Text id="global.logoAlt" />} /> </Localizer> <Text id="login.title" /> </h2> </div> <GatewayLoginForm {...props} /> <div class="text-center text-muted"> <MarkupText id="login.needHelpText" /> </div> </div> </div> </div> )
<Link href={url}> <Localizer> <img class="card-img-top" src={integration.img}
const CameraBox = ({ children, ...props }) => ( <div class="card"> {props.image && <img class="card-img-top" src={`data:${props.image}`} alt={props.roomName} />} {props.error && ( <div> <p class="alert alert-danger"> <i class="fe fe-bell" /> <span class="pl-2"> <Text id="dashboard.boxes.camera.noImageToShow" /> </span> </p> </div> )} <div class="card-body d-flex flex-column"> {!props.image && props.boxStatus === RequestStatus.Getting && ( <div class="dimmer active"> <div class="dimmer-content" style={{ height: '100px' }} /> <div class="loader" /> </div> )} <h4>{props.box && props.box.name}</h4> </div> </div> )
const IncomingMessage = ({ children, ...props }) => ( <div class={style.incoming_msg}> <div class={style.incoming_msg_img}> {' '} <Localizer> <img src="/assets/icons/android-icon-192x192.png" alt={<Text id="chat.gladysAlt" />} />{' '} </Localizer> </div> <div class={style.received_msg}> <div class={style.received_withd_msg}> <p> {props.message.text} {props.message.file && ( <span> <img class={style.imageInMessage} src={`data:${props.message.file}`} alt={props.message.text} /> </span> )} </p> <span class={style.time_date}> {' '} {dayjs(props.message.created_at) .locale(props.user.language) .fromNow()} </span> </div> </div> </div> )
<div class="card"> <Link href={`${props.currentUrl}/${props.integration.key}`}> <img class="card-img-top" src={props.integration.img} alt={props.integration.name} /> </Link> <div class="card-body d-flex flex-column">
<h2> <Localizer> <img src="/assets/icons/favicon-96x96.png" class="header-brand-img"
const EmptyState = ({ children, ...props }) => ( <div style={{ width: '60%', maxWidth: '400px', marginLeft: 'auto', marginRight: 'auto', marginTop: '100px', textAlign: 'center' }} > <img src="/assets/images/undraw_personalization.svg" style={{ marginLeft: 'auto', marginRight: 'auto', display: 'block' }} /> <p style={marginTop20px}> <MarkupText id="dashboard.boxes.devicesInRoom.noDevices" /> </p> </div> )
{props.newUser && ( <div class="card-body text-center"> <img class="card-profile-img" src={props.profilePicture || '/assets/images/undraw_profile_pic.svg'}
<div class={'row ' + style.equal}> <div class="col-md"> <img src="/assets/images/pierre-gilles-bali.jpg" /> </div> <div
const ResetPasswordPage = ({ children, ...props }) => ( <div class="container"> <div class="row"> <div class="col col-login mx-auto" style={margin}> <div class="text-center mb-6"> <h2> <Localizer> <img src="/assets/icons/favicon-96x96.png" class="header-brand-img" alt={<Text id="global.logoAlt" />} /> </Localizer> <Text id="resetPassword.title" /> </h2> </div> {props.resetPasswordStatus !== RequestStatus.Success ? ( <ResetPasswordForm {...props} /> ) : ( <ResetPasswordSuccess {...props} /> )} </div> </div> </div> )
<h2 className="h-6"> <Localizer> <img src="/assets/icons/favicon-96x96.png" class="header-brand-img"
const EmptyState = ({ children, ...props }) => ( <div class={style.emptyStateDivBox}> <img src="/assets/images/undraw_personalization.svg" class={style.emptyStateImage} /> <p class={style.emptyStateText}> <Text id="dashboard.emptyDashboardSentenceTop" /> <br /> <Text id="dashboard.emptyDashboardSentenceBottom" /> </p> </div> )
const Messages = ({ children, ...props }) => ( <div style={{ width: '40%', maxWidth: '200px', marginLeft: 'auto', marginRight: 'auto', marginTop: '60px', marginBottom: '60px', textAlign: 'center' }} > <img src="/assets/images/undraw_typing.svg" style={{ marginLeft: 'auto', marginRight: 'auto', display: 'block' }} /> <p style={{ marginTop: '20px' }} > <Text id="chat.emptyStateMessage" /> </p> </div> )