diff --git a/src/ResourceHeader.js b/src/ResourceHeader.js new file mode 100644 index 000000000..c3a126c8a --- /dev/null +++ b/src/ResourceHeader.js @@ -0,0 +1,14 @@ +import PropTypes from 'prop-types' +import React from 'react' + +const ResourceHeader = ({ label }) => { + return {label} +} + +ResourceHeader.propTypes = { + label: PropTypes.node, + index: PropTypes.number, + resource: PropTypes.object, +} + +export default ResourceHeader diff --git a/src/TimeGridHeader.js b/src/TimeGridHeader.js index f06b86714..0d68e3a7b 100644 --- a/src/TimeGridHeader.js +++ b/src/TimeGridHeader.js @@ -6,6 +6,7 @@ import React from 'react' import dates from './utils/dates' import DateContentRow from './DateContentRow' import Header from './Header' +import ResourceHeader from './ResourceHeader' import { notify } from './utils/helpers' class TimeGridHeader extends React.Component { @@ -116,7 +117,10 @@ class TimeGridHeader extends React.Component { scrollRef, localizer, isOverflowing, - components: { timeGutterHeader: TimeGutterHeader }, + components: { + timeGutterHeader: TimeGutterHeader, + resourceHeader: ResourceHeaderComponent = ResourceHeader, + }, } = this.props let style = {} @@ -142,9 +146,13 @@ class TimeGridHeader extends React.Component { {resources.map(([id, resource], idx) => (
{resource && ( -
-
- {accessors.resourceTitle(resource)} +
+
+
)} diff --git a/src/less/time-grid.less b/src/less/time-grid.less index 40af3598d..9fc102b56 100644 --- a/src/less/time-grid.less +++ b/src/less/time-grid.less @@ -94,6 +94,11 @@ border-left-width: 0; border-right: 1px solid @cell-border; } + + >.rbc-row.rbc-row-resource { + border-bottom: 1px solid @cell-border; + flex-shrink: 0; + } } .rbc-time-content {