mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-05 21:15:43 +01:00
scm-ui: new repository layout
This commit is contained in:
36
scm-ui/ui-components/src/Help.js
Normal file
36
scm-ui/ui-components/src/Help.js
Normal file
@@ -0,0 +1,36 @@
|
||||
//@flow
|
||||
import React from "react";
|
||||
import injectSheet from "react-jss";
|
||||
import classNames from "classnames";
|
||||
import Tooltip from "./Tooltip";
|
||||
import HelpIcon from "./HelpIcon";
|
||||
|
||||
const styles = {
|
||||
tooltip: {
|
||||
display: "inline-block",
|
||||
paddingLeft: "3px",
|
||||
position: "absolute"
|
||||
}
|
||||
};
|
||||
|
||||
type Props = {
|
||||
message: string,
|
||||
className?: string,
|
||||
classes: any
|
||||
};
|
||||
|
||||
class Help extends React.Component<Props> {
|
||||
render() {
|
||||
const { message, className, classes } = this.props;
|
||||
return (
|
||||
<Tooltip
|
||||
className={classNames(classes.tooltip, className)}
|
||||
message={message}
|
||||
>
|
||||
<HelpIcon />
|
||||
</Tooltip>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default injectSheet(styles)(Help);
|
||||
Reference in New Issue
Block a user