Permalink
Browse files

WIP

  • Loading branch information...
1 parent 0dc195c commit ba6a659e0ca70460a9655bfa7b309ad7ef514f6d @benjreinhart benjreinhart committed Jun 18, 2014
@@ -0,0 +1,11 @@
+/** @jsx React.DOM */
+
+module.exports = React.createClass({
+ render: function() {
+ return (
+ <section className="pagination">
+ I HAS PAGINATION!
+ </section>
+ );
+ }
+});
@@ -4,11 +4,13 @@ module.exports = React.createClass({
render: function() {
var props = this.props
, Header = props.Header
+ , Pagination = props.Pagination
, Result = props.Result
, results = props.results;
return (
<section className="results">
<Header results={results} />
+ <Pagination results={results} />
<ul>
{
results.results.map(function(result){
@@ -1,4 +1,5 @@
var Backbone = require('backbone')
+ , Pagination = require('./react/pagination')
, Result = require('./react/result')
, Results = require('./react/results')
, ResultHeader = require('./react/result_header');
@@ -17,6 +18,7 @@ module.exports = Backbone.View.extend({
var props = {
Header: ResultHeader,
+ Pagination: Pagination,
Result: Result,
results: results
};
View
@@ -219,7 +219,6 @@ form
.results
max-width: 600px
margin: 0 auto
- // font-weight: 300
ul
list-style: none
@@ -256,7 +255,10 @@ form
font-weight: normal
font-size: 16px
-
+ .pagination
+ padding: 0 10px
+ border: 1px solid border-gray
+ border-top: none
/**
* Media queries

0 comments on commit ba6a659

Please sign in to comment.