balibou

// ./imports/ui/components/plans-list.jsx

import React from 'react';
import { ListGroup, Alert } from 'react-bootstrap';
import { Plan } from './plan';

export const PlansList = React.createClass({

  propTypes: {
    plans: React.PropTypes.array,

balibou

// ./imports/ui/containers/plans-list.js

import { composeWithTracker } from 'react-komposer';
import { PlansList } from '../components/plans-list';
import { Loading } from '../components/loading.js';
import { Meteor } from 'meteor/meteor';

const composer = (params, onData) => {
  const plans = Meteor.settings.public.plans;
  onData(null, { plans });

balibou

// ./imports/ui/pages/plans.jsx

import React from 'react';
import { Row, Col } from 'react-bootstrap';
import { Meteor } from 'meteor/meteor';
import { Bert } from 'meteor/themeteorchef:bert';
import PlansList from '../containers/plans-list.js';
{/* Catching global context of the application with 'this' */}
const INSTANCE = this;
const GHOSTBUSTERS_LOGO = 'https://tmc-post-content.s3.amazonaws.com/ghostbusters-logo.png';

balibou

{
  "public": {
    "plans": [
      {
        "_id": 1,
        "name": "Full Torso Apparition Removal",
        "amount": {
          "cents": 300000,
          "usd": "$3,000"
        }