Added info tooltips

src/components/SingleWorkflowView/FieldsetSchemasEditor/FieldsetSchemaBlock.tsx

@@ -11,15 +11,15 @@ import {
   Button,
   ActionIcon,
   Select,
-  Space,
+  Group,
 } from '@mantine/core';
 import * as Papa from 'papaparse';
 import { IconTrash } from '@tabler/icons-react';
 import { modals } from '@mantine/modals';
 import { FieldSchemaRow } from './FieldSchemaRow';
 import { FieldSchema, FieldsetSchema_Output } from '../../../client';
 import { useField } from '@mantine/form';
-import { InfoIcon } from '../../ui/InfoIcon';
+import { InfoTooltip } from '../../ui/InfoTooltip';
 
 type Props = {
   fieldsetSchema: FieldsetSchema_Output;
@@ -137,13 +137,14 @@ export function FieldsetSchemaBlock({
               <Table.Th>Data type</Table.Th>
               <Table.Th>Case sensitive</Table.Th>
               <Table.Th>Allows empty values</Table.Th>
-              <Table.Th className="flex">
-                Allowed values
-                <Space w="4px" />
-                <InfoIcon
-                  tooltip="This feature is not implemented yet"
-                  color="red"
-                />
+              <Table.Th>
+                <Group>
+                  Allowed values
+                  <InfoTooltip
+                    tooltip="This feature is not implemented yet"
+                    color="red"
+                  />
+                </Group>
               </Table.Th>
               <Table.Th />
             </Table.Tr>

src/components/SingleWorkflowView/Workspace/index.tsx

@@ -23,6 +23,7 @@ import {
 } from '../../../client';
 
 import { Operation } from '../OperationEditor/types';
+import { InfoTooltip } from '../../ui/InfoTooltip';
 type Props = {
   workflowSchema: WorkflowSchema_Output;
   onWorkflowSchemaChange: (workflowSchema: WorkflowSchema_Output) => void;
@@ -81,14 +82,26 @@ export function Workspace({
         <Grid.Col span={7}>
           <Stack>
             <Stack>
-              <Title order={2}>Inputs</Title>
+              <Group>
+                <Title order={2}>Inputs</Title>
+                <InfoTooltip
+                  color="black"
+                  tooltip="Inputs are parameters that can be sent to the workflow when it is run. You can refer to them when configuring validations."
+                />
+              </Group>
               <ParamsEditor
                 workflowParams={params}
                 onWorkflowParamsChange={onWorkflowParamsChange}
               />
             </Stack>
             <Stack>
-              <Title order={2}>Column Rulesets</Title>
+              <Group>
+                <Title order={2}>Column Rulesets</Title>
+                <InfoTooltip
+                  color="black"
+                  tooltip="Rulesets are collections of rules to validate the columns of a dataset. You can refer to them when configuring a new validation step."
+                />
+              </Group>
               <FieldsetSchemasEditor
                 fieldsetSchemas={fieldsetSchemas}
                 onFieldsetSchemasChange={onFieldsetSchemasChange}

src/components/SingleWorkflowView/index.tsx

@@ -111,8 +111,8 @@ function LoadedWorkflowView({
             >
               Save workflow
             </Menu.Item>
-            <Menu.Item disabled>Edit workflow</Menu.Item>
-            <Menu.Item disabled>Publish workflow</Menu.Item>
+            <Menu.Item disabled>Edit title (not implemented)</Menu.Item>
+            <Menu.Item disabled>Publish workflow (not implemented)</Menu.Item>
             <Menu.Item onClick={testWorkflowModalActions.open}>
               Test workflow
             </Menu.Item>