[Canvas] Show current workpad in workpad loader (#33531) (#33619)

* Bolds loaded workpad in workpad loader

* Extracted helper function
This commit is contained in:
Catherine Liu 2019-03-20 15:22:12 -07:00 committed by GitHub
parent 222e805235
commit e09a026ba3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -30,6 +30,11 @@ import { uploadWorkpad } from './upload_workpad';
const formatDate = date => date && moment(date).format('MMM D, YYYY @ h:mma');
const getDisplayName = (name, workpad, loadedWorkpad) => {
const workpadName = name.length ? name : <em>{workpad.id}</em>;
return workpad.id === loadedWorkpad ? <strong>{workpadName}</strong> : workpadName;
};
export class WorkpadLoader extends React.PureComponent {
static propTypes = {
workpadId: PropTypes.string.isRequired,
@ -134,7 +139,7 @@ export class WorkpadLoader extends React.PureComponent {
renderWorkpadTable = ({ rows, pageNumber, totalPages, setPage }) => {
const { sortField, sortDirection } = this.state;
const { canUserWrite, createPending } = this.props;
const { canUserWrite, createPending, workpadId: loadedWorkpad } = this.props;
const actions = [
{
@ -173,7 +178,7 @@ export class WorkpadLoader extends React.PureComponent {
sortable: true,
dataType: 'string',
render: (name, workpad) => {
const workpadName = workpad.name.length ? workpad.name : <em>{workpad.id}</em>;
const workpadName = getDisplayName(name, workpad, loadedWorkpad);
return (
<Link