Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
renderExperimentalMessage(browserName) {
const underConstructionMessage =
"Debugging is experimental and certain features won't work (i.e, seeing variables, attaching breakpoints)"; // eslint-disable-line max-len
return dom.div(
{ className: "under-construction" },
dom.div(
{ className: "under-construction-message" },
dom.p({}, underConstructionMessage),
dom.img({ src: "/pad-assets/under_construction.png" }),
dom.a(
{
className: "github-link",
target: "_blank",
href: docsUrls.github
},
"Help us make it happen"
)
)
);
}
appear: true,
leave: true,
timeout: {
appear: this.TRANSITION_TIME,
enter: this.TRANSITION_TIME,
exit: this.TRANSITION_TIME,
}
},
D.span({
className: 'object-representations-modal__nav fa fa-chevron-circle-right',
onClick: this.nextModalImage.bind(this)
})
),
] : []
),
D.img({
src: fullSizeImgURL,
style: {
width: this.state.focusedModalRep.isJust ? `${this.state.focusedModalRep.get().width}px` : '0px'
}
}),
) // end modal body
); // end modal
}
onLoad: this.handleImageChanges,
},
createElement(TransitionGroup,
{
key: 'image-focused-transition-group',
},
createElement(CSSTransition,
{
key: focused,
classNames: 'cross-fade',
timeout: {
enter: this.TRANSITION_TIME,
exit: this.TRANSITION_TIME,
}
},
D.img({
className: 'image--focused',
src: focused,
key: focused,
})
)
)
);
}
render() {
const {
expanded,
} = this.props;
const classNames = ["arrow"];
if (expanded) {
classNames.push("expanded");
}
return dom.img({
className: classNames.join(" "),
});
}
}