How to use the fluxible-router.NavLink function in fluxible-router

To help you get started, we’ve selected a few fluxible-router examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github yahoo / fluxible / examples / chat / components / ThreadSection.js View on Github external
* http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
'use strict';
var React = require('react');
var MessageStore = require('../stores/MessageStore');
var ThreadListItem = require('../components/ThreadListItem');
var ThreadStore = require('../stores/ThreadStore');
var UnreadThreadStore = require('../stores/UnreadThreadStore');
var connectToStores = require('fluxible-addons-react/connectToStores');
var NavLink = require('fluxible-router').NavLink;

var ThreadSection = React.createClass({

    render: function() {
        var threadListItems = this.props.threads.map(function(thread) {
            return (
                
                    
                
            );
        }, this);
        var unread =
            this.props.unreadCount === 0 ?
github localnerve / flux-react-example / components / header / Nav.jsx View on Github external
/**
 * Copyright (c) 2015, 2016 Alex Grant (@localnerve), LocalNerve LLC
 * Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.
 */
'use strict';

var React = require('react');
var NavLink = require('fluxible-router').NavLink;
var sizeReporter = require('../sizeReporter');
var cx = require('classnames');

var Nav = React.createClass({
  propTypes: {
    selected: React.PropTypes.string.isRequired,
    links: React.PropTypes.array.isRequired
  },

  render: function () {
    var selected = this.props.selected,
        links = this.props.links,
        linkHTML = links.map(function (link) {
          return (
github localnerve / flux-react-example / components / header / Ribbon.jsx View on Github external
/**
 * Copyright (c) 2015, 2016 Alex Grant (@localnerve), LocalNerve LLC
 * Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.
 */
'use strict';

var React = require('react');
var NavLink = require('fluxible-router').NavLink;

var Ribbon = React.createClass({
  propTypes: {
    social: React.PropTypes.object.isRequired,
    business: React.PropTypes.object.isRequired
  },

  render: function () {
    var uriTel = 'tel:+1-' + this.props.business.telephone;

    return (
      <div>
        
          <span>
          </span>
        </div>
github localnerve / flux-react-example / components / header / Logo.jsx View on Github external
/**
 * Copyright (c) 2015, 2016 Alex Grant (@localnerve), LocalNerve LLC
 * Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.
 */
'use strict';

var React = require('react');
var NavLink = require('fluxible-router').NavLink;

var Logo = React.createClass({
  propTypes: {
    site: React.PropTypes.object.isRequired
  },

  render: function () {
    return (
      <div>
        
          <h1>
            {this.props.site.name}
          </h1>
          <span>
            {this.props.site.tagLine}
          </span></div>