Renamed Inbox and ConversationSummary to InboxPane and InboxItem ever…

…ywhere.
sayar · May 11, 2016 · 4b6e6ce · 4b6e6ce
1 parent f0fd6f6
commit 4b6e6ce
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 32 deletions.
diff --git a/02_ReactIntroduction/Code/end/app/app.js b/02_ReactIntroduction/Code/end/app/app.js
@@ -8,7 +8,7 @@ var App = React.createClass({
         <div id="header"></div>
         <div className="container">
           <div className="column">
-            <Inbox />
+            <InboxPane />
           </div>
           <div className="column"></div>
           <div className="column"></div>
@@ -18,7 +18,7 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   render : function() {
     return (
       <div id="inbox">
@@ -32,15 +32,15 @@ var Inbox = React.createClass({
             </tr>
           </thead>
           <tbody>
-            <ConversationSummary />
+            <InboxItem />
           </tbody>
         </table>
       </div>
     )
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   render: function(){
     return (
       <tr>

diff --git a/03_DataAndState/Code/end/app/app.js b/03_DataAndState/Code/end/app/app.js
@@ -27,7 +27,7 @@ var App = React.createClass({
         <button onClick={this.loadSampleData}>Load Sample Data</button>
         <div className="container">
           <div className="column">
-            <Inbox humans={this.state.humans} setSelectedConversation={this.setSelectedConversation} />
+            <InboxPane humans={this.state.humans} setSelectedConversation={this.setSelectedConversation} />
           </div>
           <div className="column">
             <Conversation conversation={this.state.selectedConversation} />
@@ -41,9 +41,9 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   renderConvoSum: function(human){
-    return <ConversationSummary key={human} index={human} details={this.props.humans[human]} setSelectedConversation={this.props.setSelectedConversation} />;
+    return <InboxItem key={human} index={human} details={this.props.humans[human]} setSelectedConversation={this.props.setSelectedConversation} />;
   },
   render : function() {
     return (
@@ -66,7 +66,7 @@ var Inbox = React.createClass({
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   sortByDate: function(a, b) {
     return a.time>b.time ? -1 : a.time<b.time ? 1 : 0;
   },

diff --git a/03_DataAndState/Code/part1/app/app.js b/03_DataAndState/Code/part1/app/app.js
@@ -20,7 +20,7 @@ var App = React.createClass({
         <button onClick={this.loadSampleData}>Load Sample Data</button>
         <div className="container">
           <div className="column">
-            <Inbox humans={this.state.humans}/>
+            <InboxPane humans={this.state.humans}/>
           </div>
           <div className="column"></div>
           <div className="column"></div>
@@ -30,9 +30,9 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   renderConvoSum: function(human){
-    return <ConversationSummary key={human} index={human} details={this.props.humans[human]} />;
+    return <InboxItem key={human} index={human} details={this.props.humans[human]} />;
   },
   render : function() {
     return (
@@ -55,7 +55,7 @@ var Inbox = React.createClass({
   }
 });
 
-var ConversationSummary = React.createClass({ 
+var InboxItem = React.createClass({ 
   sortByDate: function(a, b) {
       return a.time>b.time ? -1 : a.time<b.time ? 1 : 0;
   },

diff --git a/03_DataAndState/Code/start/app/app.js b/03_DataAndState/Code/start/app/app.js
@@ -8,7 +8,7 @@ var App = React.createClass({
         <div id="header"></div>
         <div className="container">
           <div className="column">
-            <Inbox />
+            <InboxPane />
           </div>
           <div className="column"></div>
           <div className="column"></div>
@@ -18,7 +18,7 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   render : function() {
     return (
       <div id="inbox">
@@ -32,15 +32,15 @@ var Inbox = React.createClass({
             </tr>
           </thead>
           <tbody>
-            <ConversationSummary />
+            <InboxItem />
           </tbody>
         </table>
       </div>
     )
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   render: function(){
     return (
       <tr>

diff --git a/04_MoreReactRouters/Code/end/app/app.js b/04_MoreReactRouters/Code/end/app/app.js
@@ -33,7 +33,7 @@ var App = React.createClass({
         <button onClick={this.loadSampleData}>Load Sample Data</button>
         <div className="container">
           <div className="column">
-            <Inbox humans={this.state.humans} />
+            <InboxPane humans={this.state.humans} />
           </div>
           <div className="column">
             {this.props.children || "Select a Conversation from the Inbox"}
@@ -47,9 +47,9 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   renderConvoSum: function(human){
-    return <ConversationSummary key={human} index={human} details={this.props.humans[human]} />;
+    return <InboxItem key={human} index={human} details={this.props.humans[human]} />;
   },
   render : function() {
     return (
@@ -72,7 +72,7 @@ var Inbox = React.createClass({
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   mixins: [PureRenderMixin],
 
   sortByDate: function(a, b) {

diff --git a/04_MoreReactRouters/Code/part1/app/app.js b/04_MoreReactRouters/Code/part1/app/app.js
@@ -32,7 +32,7 @@ var App = React.createClass({
         <button onClick={this.loadSampleData}>Load Sample Data</button>
         <div className="container">
           <div className="column">
-            <Inbox humans={this.state.humans} />
+            <InboxPane humans={this.state.humans} />
           </div>
           <div className="column">
             {this.props.children || "Select a Conversation from the Inbox"}
@@ -46,9 +46,9 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   renderConvoSum: function(human){
-    return <ConversationSummary key={human} index={human} details={this.props.humans[human]} />;
+    return <InboxItem key={human} index={human} details={this.props.humans[human]} />;
   },
   render : function() {
     return (
@@ -71,7 +71,7 @@ var Inbox = React.createClass({
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   sortByDate: function(a, b) {
     return a.time>b.time ? -1 : a.time<b.time ? 1 : 0;
   },

diff --git a/04_MoreReactRouters/Code/start/app/app.js b/04_MoreReactRouters/Code/start/app/app.js
@@ -27,7 +27,7 @@ var App = React.createClass({
         <button onClick={this.loadSampleData}>Load Sample Data</button>
         <div className="container">
           <div className="column">
-            <Inbox humans={this.state.humans} setSelectedConversation={this.setSelectedConversation} />
+            <InboxPane humans={this.state.humans} setSelectedConversation={this.setSelectedConversation} />
           </div>
           <div className="column">
             <Conversation conversation={this.state.selectedConversation} />
@@ -41,9 +41,9 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   renderConvoSum: function(human){
-    return <ConversationSummary key={human} index={human} details={this.props.humans[human]} setSelectedConversation={this.props.setSelectedConversation} />;
+    return <InboxItem key={human} index={human} details={this.props.humans[human]} setSelectedConversation={this.props.setSelectedConversation} />;
   },
   render : function() {
     return (
@@ -66,7 +66,7 @@ var Inbox = React.createClass({
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   sortByDate: function(a, b) {
     return a.time>b.time ? -1 : a.time<b.time ? 1 : 0;
   },

diff --git a/05_ES6/Code/start/app/app.js b/05_ES6/Code/start/app/app.js
@@ -33,7 +33,7 @@ var App = React.createClass({
         <button onClick={this.loadSampleData}>Load Sample Data</button>
         <div className="container">
           <div className="column">
-            <Inbox humans={this.state.humans} />
+            <InboxPane humans={this.state.humans} />
           </div>
           <div className="column">
             {this.props.children || "Select a Conversation from the Inbox"}
@@ -47,9 +47,9 @@ var App = React.createClass({
   }
 });
 
-var Inbox = React.createClass({
+var InboxPane = React.createClass({
   renderConvoSum: function(human){
-    return <ConversationSummary key={human} index={human} details={this.props.humans[human]} />;
+    return <InboxItem key={human} index={human} details={this.props.humans[human]} />;
   },
   render : function() {
     return (
@@ -72,7 +72,7 @@ var Inbox = React.createClass({
   }
 });
 
-var ConversationSummary = React.createClass({
+var InboxItem = React.createClass({
   mixins: [PureRenderMixin],
 
   sortByDate: function(a, b) {