fix: replace hint paragraphs with InfoTip tooltips in NodeFormResolution
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -2,6 +2,7 @@ import { useState } from 'react'
|
|||||||
import { DynamicArrayField } from './DynamicArrayField'
|
import { DynamicArrayField } from './DynamicArrayField'
|
||||||
import { useTreeEditorStore } from '@/store/treeEditorStore'
|
import { useTreeEditorStore } from '@/store/treeEditorStore'
|
||||||
import { MarkdownContent } from '@/components/ui/MarkdownContent'
|
import { MarkdownContent } from '@/components/ui/MarkdownContent'
|
||||||
|
import { InfoTip } from '@/components/common/InfoTip'
|
||||||
import type { TreeStructure } from '@/types'
|
import type { TreeStructure } from '@/types'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
|
|
||||||
@@ -70,8 +71,9 @@ export function NodeFormResolution({ node, onUpdate }: NodeFormResolutionProps)
|
|||||||
{/* Description */}
|
{/* Description */}
|
||||||
<div>
|
<div>
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<label className="block text-sm font-medium text-foreground">
|
<label className="flex items-center gap-1.5 text-sm font-medium text-foreground">
|
||||||
Description
|
Description
|
||||||
|
<InfoTip text="Supports markdown: **bold**, *italic*, - lists, 1. numbered lists, `code`" />
|
||||||
</label>
|
</label>
|
||||||
{node.description && (
|
{node.description && (
|
||||||
<button
|
<button
|
||||||
@@ -83,9 +85,6 @@ export function NodeFormResolution({ node, onUpdate }: NodeFormResolutionProps)
|
|||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<p className="mb-1 text-xs text-muted-foreground">
|
|
||||||
Supports markdown: **bold**, *italic*, - lists, 1. numbered lists, `code`
|
|
||||||
</p>
|
|
||||||
{showPreview && node.description ? (
|
{showPreview && node.description ? (
|
||||||
<div className="mt-1 rounded-md border border-border bg-accent/50 p-3 text-sm">
|
<div className="mt-1 rounded-md border border-border bg-accent/50 p-3 text-sm">
|
||||||
<MarkdownContent content={node.description} />
|
<MarkdownContent content={node.description} />
|
||||||
@@ -112,12 +111,10 @@ Document what was done and the outcome.
|
|||||||
|
|
||||||
{/* Resolution Steps */}
|
{/* Resolution Steps */}
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-foreground">
|
<label className="flex items-center gap-1.5 text-sm font-medium text-foreground">
|
||||||
Resolution Steps
|
Resolution Steps
|
||||||
|
<InfoTip text="Step-by-step instructions for resolving the issue" />
|
||||||
</label>
|
</label>
|
||||||
<p className="mb-2 text-xs text-muted-foreground">
|
|
||||||
Step-by-step instructions for resolving the issue
|
|
||||||
</p>
|
|
||||||
<DynamicArrayField
|
<DynamicArrayField
|
||||||
items={node.resolution_steps || []}
|
items={node.resolution_steps || []}
|
||||||
onAdd={handleAddStep}
|
onAdd={handleAddStep}
|
||||||
|
|||||||
Reference in New Issue
Block a user