fix(react-ribbon): rename ribbon component to inline ribbon

Signed-off-by: Da Lu <dlu@pivotal.io>
pivotal-cf · Jan 8, 2015 · cddfdc8 · cddfdc8
1 parent e90c9e4
commit cddfdc8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/src/pivotal-ui/components/ribbons.scss b/src/pivotal-ui/components/ribbons.scss
@@ -149,16 +149,16 @@ categories:
   - Beta
 ---
 ```html_example
-<div id="ribbon-example"></div>
+<div id="Inline-ribbon-example"></div>
 ```
 
 ```jsx_example
 
 React.render(
   <div>
-    <UI.Ribbon> British </UI.Ribbon>
+    <UI.InlineRibbon> British </UI.InlineRibbon>
   </div>,
-  document.getElementById('ribbon-example')
+  document.getElementById('Inline-ribbon-example')
 );
 ```
 

diff --git a/src/pivotal-ui/javascripts/components.js b/src/pivotal-ui/javascripts/components.js
@@ -61,7 +61,7 @@ module.exports = {
 
   Image: require('./images.jsx').Image,
 
-  Ribbon: require('./ribbons.jsx').Ribbon,
+  InlineRibbon: require('./ribbons.jsx').InlineRibbon,
 
   Tab: require('./tabs.jsx').Tab,
   SimpleTabs: require('./tabs.jsx').SimpleTabs,

diff --git a/src/pivotal-ui/javascripts/ribbons.jsx b/src/pivotal-ui/javascripts/ribbons.jsx
@@ -3,7 +3,7 @@
 var React = require('react/addons');
 
 
-var Ribbon = React.createClass({
+var InlineRibbon = React.createClass({
   render: function() {
     return (
       <div className = "inline-ribbon">
@@ -16,7 +16,7 @@ var Ribbon = React.createClass({
 
 module.exports = {
 
-  Ribbon: Ribbon
+  InlineRibbon: InlineRibbon
 };
 
 

diff --git a/test/spec/javascripts/ribbon_spec.jsx b/test/spec/javascripts/ribbon_spec.jsx
@@ -4,14 +4,14 @@ var $ = require('jquery');
 var React = require('react/addons');
 var TestUtils = React.addons.TestUtils;
 
-var Ribbon = require('../../../src/pivotal-ui/javascripts/ribbons.jsx').Ribbon;
+var InlineRibbon = require('../../../src/pivotal-ui/javascripts/ribbons.jsx').InlineRibbon;
 
-describe('Ribbon', function() {
+describe('InlineRibbon', function() {
   beforeEach(function() {
     this.node = $('<div id="container"></div>').appendTo('body').get(0);
 
     React.render(
-      <Ribbon>British</Ribbon>, this.node
+      <InlineRibbon>British</InlineRibbon>, this.node
     );
   });
  afterEach(function() {
@@ -20,7 +20,7 @@ describe('Ribbon', function() {
   });
 
 
-  it("renders a ribbon", function() {
+  it("renders a inline ribbon", function() {
     expect($('#container .inline-ribbon')).toHaveText('British');
   });
 });