Fix svg imports again
This commit is contained in:
parent
80a417d33f
commit
ab93794724
@ -1,2 +1,3 @@
|
|||||||
export { default as EmptyServices } from './empty';
|
export { default as EmptyServices } from './empty';
|
||||||
export { default as ServiceListItem } from './list-item';
|
export { default as ServiceListItem } from './list-item';
|
||||||
|
export { default as ServicesTooltip } from './tooltip';
|
||||||
|
41
frontend/src/components/services/tooltip.js
Normal file
41
frontend/src/components/services/tooltip.js
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Tooltip, { TooltipButton, TooltipDivider } from '@ui/components/tooltip';
|
||||||
|
|
||||||
|
const ServicesTooltip = ({
|
||||||
|
show,
|
||||||
|
position,
|
||||||
|
data,
|
||||||
|
...rest
|
||||||
|
}) => {
|
||||||
|
if(!show) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<Tooltip {...position} {...rest}>
|
||||||
|
<li>
|
||||||
|
<TooltipButton>Scale</TooltipButton>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<TooltipButton>Start</TooltipButton>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<TooltipButton>Restart</TooltipButton>
|
||||||
|
</li>
|
||||||
|
<TooltipDivider />
|
||||||
|
<li>
|
||||||
|
<TooltipButton>Stop</TooltipButton>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<TooltipButton>Delete</TooltipButton>
|
||||||
|
</li>
|
||||||
|
</Tooltip>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
ServicesTooltip.propTypes = {
|
||||||
|
data: React.PropTypes.object,
|
||||||
|
position: React.PropTypes.object,
|
||||||
|
show: React.PropTypes.bool
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ServicesTooltip;
|
@ -9,6 +9,7 @@ import { processServices } from '@root/state/selectors';
|
|||||||
|
|
||||||
import { LayoutContainer } from '@components/layout';
|
import { LayoutContainer } from '@components/layout';
|
||||||
import { Loader, ErrorMessage } from '@components/messaging';
|
import { Loader, ErrorMessage } from '@components/messaging';
|
||||||
|
import { ServicesTooltip } from '@components/services';
|
||||||
|
|
||||||
import { colors } from '@ui/shared/constants';
|
import { colors } from '@ui/shared/constants';
|
||||||
import { unitcalc } from '@ui/shared/functions';
|
import { unitcalc } from '@ui/shared/functions';
|
||||||
|
Loading…
Reference in New Issue
Block a user