inject(({ store }) => ({ fullname:store.fullname }))( observer(({ fullname }) => ( <h3 class="card_fullname">{fullname}</h3> )) )
observer(({ field }) => ( <DropdownList value={field.value} onChange={field.sync} data={field.extra} /> ))
observer(({ activity }) => { return ( <TrackExtension activity={activity} isOpenComment={commentStore.openComments.get(activity.id)} openComments={() => actions.openComments(activity.id)} /> ); })
inject(({ store }) => ({ onSuccess: store.onSuccess, onFailure: store.onFailure }))( observer(({ onSuccess, onFailure }) => ( <div> <GoogleLogin class="pt-button pt-fill" clientId={`${process.env.GOOGLE_CLIENT_ID}`} buttonText="Login" onSuccess={onSuccess} onFailure={onFailure} isSignedIn={false} /> </div> )) )
observer(() => { const store = useStore(); return ( <ol> {store.todos.map((todo, index) => ( <li key={index} className="todo"> {todo} <DeleteButton index={index} /> </li> ))} </ol> ); })
inject('bookStore')(observer(({ bookStore }) => { return ( <div> <div>Books</div> <BookList books={bookStore.getBooks()}/> </div> ); }))
observer(() => { useRenderTracking('UserIndicators'); const { isRemoving, errorRemoving, isAdding, errorAdding } = useUserStore(); return ( <> {isRemoving && <Loader>Removing user...</Loader>} {errorRemoving && <Error>Failed to remove user</Error>} {isAdding && <Loader>Adding user...</Loader>} {errorAdding && <Error>Failed to add user</Error>} </> ); })
inject(({ market }) => ({ items: market.selectedItems, total: market.total, onTake: market.take, }))(observer(BasketItemList))
observer(props => <List selectable ripple> { props.list.map(item => <ContactListItem key={item.key} item={item}/> ) } </List> )
observer(props => { return ( <div> <input value={store.title} onChange={store.updateTitle} /> </div> ); })
inject('sessionStore', 'requestStore')( observer(({ sessionStore, requestStore }) => { return ( <Dashboard isAuthInProgress={requestStore.getRequestByType(requestTypes.AUTH)} isLoggedIn={sessionStore.session} /> ); }), )
observer(() => { let ToShow = useForm.get() === true ? FormApp : DataApp return ( <ToShow /> ) })
inject( 'filterStore' )(observer(({ filterStore }) => { return ( <FilterName query={filterStore.query} onSetFilterQuery={filterStore.setFilterQuery} /> ); }))
inject(({ store }) => ({ logout: store.logout }))( observer(({ logout }) => ( <div class="card_logout"> <a role="button" class="pt-button " tabIndex="0" onClick={logout}> Logout </a> </div> )) )
observer(({ products }) => <div> {content(products)} </div> )