Removed createContainer

This commit is contained in:
vjrj 2018-02-07 16:37:26 +01:00
parent 86a94e37e4
commit 311b4ee1f3
8 changed files with 34 additions and 32 deletions

View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { ReactiveVar } from 'meteor/reactive-var'; import { ReactiveVar } from 'meteor/reactive-var';
import OAuthLoginButton from '../OAuthLoginButton/OAuthLoginButton'; import OAuthLoginButton from '../OAuthLoginButton/OAuthLoginButton';
@ -18,13 +18,13 @@ const OAuthLoginButtons = ({ services, emailMessage }) => (services.length ? (
OAuthLoginButtons.propTypes = { OAuthLoginButtons.propTypes = {
services: PropTypes.array.isRequired, services: PropTypes.array.isRequired,
emailMessage: PropTypes.object.isRequired, emailMessage: PropTypes.object.isRequired
}; };
const verificationComplete = new ReactiveVar(false); const verificationComplete = new ReactiveVar(false);
const verifiedServices = new ReactiveVar([]); const verifiedServices = new ReactiveVar([]);
export default createContainer(({ services }) => { export default withTracker(({ services }) => {
if (!verificationComplete.get()) { if (!verificationComplete.get()) {
Meteor.call('oauth.verifyConfiguration', services, (error, response) => { Meteor.call('oauth.verifyConfiguration', services, (error, response) => {
if (error) { if (error) {
@ -37,6 +37,6 @@ export default createContainer(({ services }) => {
} }
return { return {
services: verifiedServices.get(), services: verifiedServices.get()
}; };
}, OAuthLoginButtons); })(OAuthLoginButtons);

View file

@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
import { Table, Alert, Button } from 'react-bootstrap'; import { Table, Alert, Button } from 'react-bootstrap';
import { timeago, monthDayYearAtTime } from '@cleverbeagle/dates'; import { timeago, monthDayYearAtTime } from '@cleverbeagle/dates';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { Bert } from 'meteor/themeteorchef:bert'; import { Bert } from 'meteor/themeteorchef:bert';
import DocumentsCollection from '../../../api/Documents/Documents'; import DocumentsCollection from '../../../api/Documents/Documents';
import Loading from '../../components/Loading/Loading'; import Loading from '../../components/Loading/Loading';
@ -73,10 +73,10 @@ Documents.propTypes = {
history: PropTypes.object.isRequired, history: PropTypes.object.isRequired,
}; };
export default createContainer(() => { export default withTracker(() => {
const subscription = Meteor.subscribe('documents'); const subscription = Meteor.subscribe('documents');
return { return {
loading: !subscription.ready(), loading: !subscription.ready(),
documents: DocumentsCollection.find().fetch(), documents: DocumentsCollection.find().fetch(),
}; };
}, Documents); })(Documents);

View file

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import Documents from '../../../api/Documents/Documents'; import Documents from '../../../api/Documents/Documents';
import DocumentEditor from '../../components/DocumentEditor/DocumentEditor'; import DocumentEditor from '../../components/DocumentEditor/DocumentEditor';
@ -14,20 +14,20 @@ const EditDocument = ({ doc, history }) => (doc ? (
) : <NotFound />); ) : <NotFound />);
EditDocument.defaultProps = { EditDocument.defaultProps = {
doc: null, doc: null
}; };
EditDocument.propTypes = { EditDocument.propTypes = {
doc: PropTypes.object, doc: PropTypes.object,
history: PropTypes.object.isRequired, history: PropTypes.object.isRequired
}; };
export default createContainer(({ match }) => { export default withTracker(({ match }) => {
const documentId = match.params._id; const documentId = match.params._id;
const subscription = Meteor.subscribe('documents.view', documentId); const subscription = Meteor.subscribe('documents.view', documentId);
return { return {
loading: !subscription.ready(), loading: !subscription.ready(),
doc: Documents.findOne(documentId), doc: Documents.findOne(documentId)
}; };
}, EditDocument); })(EditDocument);

View file

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import Subscriptions from '../../../api/Subscriptions/Subscriptions'; import Subscriptions from '../../../api/Subscriptions/Subscriptions';
import SubscriptionEditor from '../../components/SubscriptionEditor/SubscriptionEditor'; import SubscriptionEditor from '../../components/SubscriptionEditor/SubscriptionEditor';
@ -22,7 +22,7 @@ EditSubscription.propTypes = {
history: PropTypes.object.isRequired history: PropTypes.object.isRequired
}; };
export default createContainer(({ match }) => { export default withTracker(({ match }) => {
const subscriptionId = match.params._id; const subscriptionId = match.params._id;
const subscription = Meteor.subscribe('subscriptions.view', subscriptionId); const subscription = Meteor.subscribe('subscriptions.view', subscriptionId);
@ -30,4 +30,4 @@ export default createContainer(({ match }) => {
loading: !subscription.ready(), loading: !subscription.ready(),
doc: Subscriptions.findOne(new Meteor.Collection.ObjectID(subscriptionId)) doc: Subscriptions.findOne(new Meteor.Collection.ObjectID(subscriptionId))
}; };
}, EditSubscription); })(EditSubscription);

View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { ReactiveVar } from 'meteor/reactive-var'; import { ReactiveVar } from 'meteor/reactive-var';
import i18n from '/imports/startup/client/i18n'; import i18n from '/imports/startup/client/i18n';
import PageHeader from '../../components/PageHeader/PageHeader'; import PageHeader from '../../components/PageHeader/PageHeader';
@ -33,7 +33,7 @@ Page.propTypes = {
const pageContent = new ReactiveVar(''); const pageContent = new ReactiveVar('');
export default createContainer(({ content, page }) => { export default withTracker(({ content, page }) => {
window.scrollTo(0, 0); // Force window to top of page. window.scrollTo(0, 0); // Force window to top of page.
Meteor.call('utility.getPage', page, i18n.language, (error, response) => { Meteor.call('utility.getPage', page, i18n.language, (error, response) => {
@ -47,4 +47,4 @@ export default createContainer(({ content, page }) => {
return { return {
content: content || pageContent.get() content: content || pageContent.get()
}; };
}, Page); })(Page);

View file

@ -10,7 +10,7 @@ import { Accounts } from 'meteor/accounts-base';
import { Bert } from 'meteor/themeteorchef:bert'; import { Bert } from 'meteor/themeteorchef:bert';
import { testId } from '/imports/ui/components/Utils/TestUtils'; import { testId } from '/imports/ui/components/Utils/TestUtils';
import Col from '../../components/Col/Col'; import Col from '../../components/Col/Col';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import InputHint from '../../components/InputHint/InputHint'; import InputHint from '../../components/InputHint/InputHint';
import validate from '../../../modules/validate'; import validate from '../../../modules/validate';
import { translate } from 'react-i18next'; import { translate } from 'react-i18next';
@ -267,11 +267,11 @@ Profile.propTypes = {
i18n: PropTypes.object.isRequired i18n: PropTypes.object.isRequired
}; };
export default translate([], { wait: true })(createContainer(() => { export default translate([], { wait: true })(withTracker(() => {
const subscription = Meteor.subscribe('users.editProfile'); const subscription = Meteor.subscribe('users.editProfile');
return { return {
loading: !subscription.ready(), loading: !subscription.ready(),
user: Meteor.user() user: Meteor.user()
}; };
}, Profile)); })(Profile));

View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { ButtonToolbar, ButtonGroup, Button } from 'react-bootstrap'; import { ButtonToolbar, ButtonGroup, Button } from 'react-bootstrap';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import { Bert } from 'meteor/themeteorchef:bert'; import { Bert } from 'meteor/themeteorchef:bert';
import Documents from '../../../api/Documents/Documents'; import Documents from '../../../api/Documents/Documents';
@ -38,7 +38,9 @@ const renderDocument = (doc, match, history) => (doc ? (
</div> </div>
) : <NotFound />); ) : <NotFound />);
const ViewDocument = ({ loading, doc, match, history }) => ( const ViewDocument = ({
loading, doc, match, history
}) => (
!loading ? renderDocument(doc, match, history) : <Loading /> !loading ? renderDocument(doc, match, history) : <Loading />
); );
@ -46,15 +48,15 @@ ViewDocument.propTypes = {
loading: PropTypes.bool.isRequired, loading: PropTypes.bool.isRequired,
doc: PropTypes.object, doc: PropTypes.object,
match: PropTypes.object.isRequired, match: PropTypes.object.isRequired,
history: PropTypes.object.isRequired, history: PropTypes.object.isRequired
}; };
export default createContainer(({ match }) => { export default withTracker(({ match }) => {
const documentId = match.params._id; const documentId = match.params._id;
const subscription = Meteor.subscribe('documents.view', documentId); const subscription = Meteor.subscribe('documents.view', documentId);
return { return {
loading: !subscription.ready(), loading: !subscription.ready(),
doc: Documents.findOne(documentId), doc: Documents.findOne(documentId)
}; };
}, ViewDocument); })(ViewDocument);

View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { ButtonToolbar, ButtonGroup, Button } from 'react-bootstrap'; import { ButtonToolbar, ButtonGroup, Button } from 'react-bootstrap';
import { createContainer } from 'meteor/react-meteor-data'; import { withTracker } from 'meteor/react-meteor-data';
import { Meteor } from 'meteor/meteor'; import { Meteor } from 'meteor/meteor';
import { Bert } from 'meteor/themeteorchef:bert'; import { Bert } from 'meteor/themeteorchef:bert';
import Subscriptions from '../../../api/Subscriptions/Subscriptions'; import Subscriptions from '../../../api/Subscriptions/Subscriptions';
@ -54,7 +54,7 @@ ViewSubscription.propTypes = {
history: PropTypes.object.isRequired history: PropTypes.object.isRequired
}; };
export default createContainer(({ match }) => { export default withTracker(({ match }) => {
const subscriptionId = match.params._id; const subscriptionId = match.params._id;
const subscription = Meteor.subscribe('subscriptions.view', subscriptionId); const subscription = Meteor.subscribe('subscriptions.view', subscriptionId);
@ -62,4 +62,4 @@ export default createContainer(({ match }) => {
loading: !subscription.ready(), loading: !subscription.ready(),
doc: Subscriptions.findOne(new Meteor.Collection.ObjectID(subscriptionId)) doc: Subscriptions.findOne(new Meteor.Collection.ObjectID(subscriptionId))
}; };
}, ViewSubscription); })(ViewSubscription);