moved over SpiffToolTip

sartography · Feb 7, 2025 · 471aa5f · 471aa5f
1 parent ed7461c
commit 471aa5f
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/components/SideNav.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/components/SideNav.tsx
@@ -33,7 +33,7 @@ import appVersionInfo from '../../helpers/appVersionInfo';
 import { DOCUMENTATION_URL } from '../../config';
 import UserService from '../../services/UserService';
 import SpiffLogo from './SpiffLogo';
-import SpiffTooltip from '../../components/SpiffTooltip';
+import SpiffTooltip from './SpiffTooltip';
 
 const drawerWidth = 350;
 const collapsedDrawerWidth = 64;

diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/components/SpiffTooltip.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/components/SpiffTooltip.tsx
@@ -0,0 +1,23 @@
+import { Tooltip } from '@mui/material';
+import { ReactElement } from 'react';
+
+interface OwnProps {
+  title?: string;
+  placement?: 'top' | 'bottom' | 'left' | 'right';
+  children: ReactElement;
+}
+
+export default function SpiffTooltip({ title, children, placement }: OwnProps) {
+  return (
+    <Tooltip
+      title={title}
+      arrow
+      enterDelay={500}
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...(placement ? { placement } : {})}
+      PopperProps={{ style: { zIndex: 9999 } }}
+    >
+      {children}
+    </Tooltip>
+  );
+}
diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/components/TaskControls.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/components/TaskControls.tsx
@@ -8,7 +8,7 @@ import {
   FormControlLabel,
 } from '@mui/material';
 import { ViewModule } from '@mui/icons-material';
-import SpiffTooltip from '../../components/SpiffTooltip';
+import SpiffTooltip from './SpiffTooltip';
 
 type OwnProps = {
   onGroupBySelect?: Function;

diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/components/TaskTable.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/components/TaskTable.tsx
@@ -17,7 +17,7 @@ import {
 } from '@mui/material';
 import { AccessTime, PlayArrow } from '@mui/icons-material';
 import { useNavigate } from 'react-router';
-import SpiffTooltip from '../../components/SpiffTooltip';
+import SpiffTooltip from './SpiffTooltip';
 import { ProcessInstance, ProcessInstanceTask } from '../../interfaces';
 import UserService from '../../services/UserService';
 import { TimeAgo } from '../../helpers/timeago';