@bigfishtv/cockpit/src/components/ProtectedLink.js

import React from 'react'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'

import { userCanAccess } from '../utils/roleUtils'

const ProtectedLink = ({ viewer, resource, ...rest }) =>
	userCanAccess(resource, viewer) ? <Link {...rest} /> : <span>{rest.children}</span>

const mapStateToProps = ({ viewer }) => ({ viewer })

export default connect(mapStateToProps)(ProtectedLink)