const DeviceConfigurationLink = ({ children, documentKey, user, linkClass }) => ( <a target="_blank" rel="noopener noreferrer" href={`${documentationURL}/${user.language}/docs/integrations/${documentKey}`} class={cx({ [linkClass]: linkClass })} > {children} </a> )
props.systemContainers.map(container => ( <tr> <td>{container.name}</td> <td>{container.created_at_formatted}</td> <td> <span class={cx('badge', { 'badge-success': container.state === 'running', 'badge-warning': container.state !== 'running' })} > <Text id={`systemSettings.containerState.${container.state}`} /> </span> </td> </tr> ))
const EmptyState = ({ children, ...props }) => ( <div class="col-md-12"> <div class={cx('text-center', style.emptyStateDivBox)}> <Text id="integration.rtspCamera.noCameraFound" /> </div> </div> )
const GatewayUsersList = ({ children, ...props }) => ( <div class="card"> <div class="card-header"> <h3 class="card-title"> <Text id="gateway.disconnectTitle" /> </h3> </div> <div class={cx('dimmer', { active: props.gatewayDisconnectStatus === RequestStatus.Getting })} > <div class="loader" /> <div class="dimmer-content"> <div class="card-body"> <button onClick={props.disconnect} class="btn btn-danger btn-block"> <Text id="gateway.disconnectButton" /> </button> </div> </div> </div> </div> )
<div class="card-body"> <div class={cx('dimmer', { active: props.saving })}
</div> <div class={cx('dimmer', { active: loading })}
</div> <div class={cx('dimmer', { active: props.getXiaomiSensorsStatus === RequestStatus.Getting })}
render(props, { loading }) { return ( <div class="col-md-6"> <div class="card"> <div class="card-header">{props.device.name || <Text id="integration.mqtt.device.noNameLabel" />}</div> <div class={cx('dimmer', { active: loading })} > <div class="loader" /> <div class="dimmer-content"> <div class="card-body"> <DeviceForm {...props} /> <div class="form-group"> <button onClick={this.saveDevice} class="btn btn-success mr-2"> <Text id="integration.mqtt.device.saveButton" /> </button> <button onClick={this.deleteDevice} class="btn btn-danger mr-2"> <Text id="integration.mqtt.device.deleteButton" /> </button> </div> </div> </div> </div> </div> </div> ); }
const EmptyState = () => ( <div class="col-md-12"> <div class={cx('text-center', style.emptyStateDivBox)}> <Text id="integration.tasmota.device.noDeviceFound" /> <div class="mt-5"> <Text id="integration.tasmota.discoverDeviceDescr" /> <Link href="/dashboard/integration/device/tasmota/discover"> <button class="btn btn-outline-primary ml-2"> <Text id="integration.tasmota.discoverTab" /> <i class="fe fe-radio" /> </button> </Link> </div> </div> </div> )
</div> <div class={cx('dimmer', { active: props.gatewayGetKeysStatus === RequestStatus.Getting })}
</div> <div class={cx('dimmer', { active: props.gatewaySaveBackupKeyStatus === RequestStatus.Getting })}
const EmptyState = ({ children, ...props }) => ( <div class="col-md-12"> <div class={cx('text-center', style.emptyStateDivBox)}> <MarkupText id="integration.tasmota.discover.noDeviceFound" /> </div> </div> )