5421aedfe6
* feat tracker moving redux stuff to worker thread * feat ui: sync redux messages to action time * feat ui: starting new redux ui * fix backend mob gen * feat tracker moving redux stuff to worker thread * feat ui: sync redux messages to action time * feat ui: starting new redux ui * fix backend mob gen * styles, third party etc * rm dead code * design fixes * wrapper around old redux stuff * prettier * icon sw * some changes to default style * some code style fixes
28 lines
791 B
TypeScript
28 lines
791 B
TypeScript
import React from 'react';
|
|
import { Icon, Tooltip } from 'UI';
|
|
|
|
interface Props {
|
|
onClick: any;
|
|
tooltip?: string;
|
|
}
|
|
function JumpButton(props: Props) {
|
|
const { tooltip } = props;
|
|
return (
|
|
<div className="absolute right-2 top-0 bottom-0 my-auto flex items-center">
|
|
<Tooltip title={tooltip} disabled={!tooltip}>
|
|
<div
|
|
className="mr-2 border cursor-pointer invisible group-hover:visible rounded bg-white text-xs flex items-center px-2 py-1 color-teal hover:shadow h-6"
|
|
onClick={(e: any) => {
|
|
e.stopPropagation();
|
|
props.onClick();
|
|
}}
|
|
>
|
|
<Icon name="caret-right-fill" size="12" color="teal" />
|
|
<span>JUMP</span>
|
|
</div>
|
|
</Tooltip>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default JumpButton;
|