Group shared ErrorTooltip with Tooltip

webview/src/experiments/components/table/Cell.tsx

@@ -6,7 +6,7 @@ import { CellProp, RowProp } from './interfaces'
 import { CellRowActionsProps, CellRowActions } from './CellRowActions'
 import { CellValue, isValueWithChanges } from './content/Cell'
 import { clickAndEnterProps } from '../../../util/props'
-import { ErrorTooltip } from '../../../shared/components/errorTooltip/ErrorTooltip'
+import { ErrorTooltip } from '../../../shared/components/tooltip/ErrorTooltip'
 
 const cellHasChanges = (cellValue: CellValue) =>
   isValueWithChanges(cellValue) ? cellValue.changes : false

webview/src/experiments/components/table/content/ErrorCell.tsx

@@ -1,7 +1,7 @@
 import cx from 'classnames'
 import React from 'react'
 import { CellContents } from './CellContent'
-import { ErrorTooltip } from '../../../../shared/components/errorTooltip/ErrorTooltip'
+import { ErrorTooltip } from '../../../../shared/components/tooltip/ErrorTooltip'
 import styles from '../styles.module.scss'
 
 interface ErrorCellProps {

webview/src/plots/components/comparisonTable/ComparisonTableCell.tsx

@@ -6,7 +6,7 @@ import { RefreshButton } from '../../../shared/components/button/RefreshButton'
 import { sendMessage } from '../../../shared/vscode'
 import { zoomPlot } from '../messages'
 import { Error } from '../../../shared/components/icons'
-import { ErrorTooltip } from '../../../shared/components/errorTooltip/ErrorTooltip'
+import { ErrorTooltip } from '../../../shared/components/tooltip/ErrorTooltip'
 
 type ComparisonTableCellProps = {
   path: string

webview/src/shared/components/errorTooltip/ErrorTooltip.tsx → webview/src/shared/components/tooltip/ErrorTooltip.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
 import styles from './styles.module.scss'
+import Tooltip from './Tooltip'
 import { Error } from '../icons'
-import Tooltip from '../tooltip/Tooltip'
 
 export const ErrorTooltip: React.FC<{
   error?: string

webview/src/shared/components/tooltip/styles.module.scss

@@ -40,3 +40,19 @@ $font: var(--vscode-font-family);
     min-height: 16px;
   }
 }
+
+.errorIcon {
+  margin-left: 6px;
+  margin-top: 3px;
+}
+
+.errorTooltip {
+  white-space: pre-wrap;
+  display: flex;
+  gap: 4px;
+
+  svg {
+    min-width: 16px;
+    min-height: 16px;
+  }
+}