cameleer/cameleer-server
1
0
Fork 0
Code Issues 45 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add tooltips to tap attribute type selector buttons
All checks were successful
CI / cleanup-branch (push) Has been skipped
Details
CI / build (push) Successful in 55s
Details
CI / docker (push) Successful in 50s
Details
CI / deploy-feature (push) Has been skipped
Details
CI / deploy (push) Successful in 36s
Details

Browse Source 
Each type option now shows a descriptive tooltip on hover explaining
its purpose: Business Object (key identifiers), Correlation (cross-route
linking), Event (business events), Custom (general purpose).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-26 19:47:39 +01:00
parent 23b23bbb66
commit b52d588fc5
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/pages/Routes/RouteDetail.tsx
View File

@@ -633,11 +633,11 @@ export default function RouteDetail() {
{ value: 'BOTH', label: 'Both' }, { value: 'BOTH', label: 'Both' },
]; ];
const typeChoices: Array<{ value: TapDefinition['attributeType']; label: string }> = [ const typeChoices: Array<{ value: TapDefinition['attributeType']; label: string; tooltip: string }> = [
{ value: 'BUSINESS_OBJECT', label: 'Business Object' }, { value: 'BUSINESS_OBJECT', label: 'Business Object', tooltip: 'A key business identifier like orderId, customerId, or invoiceNumber' },
{ value: 'CORRELATION', label: 'Correlation' }, { value: 'CORRELATION', label: 'Correlation', tooltip: 'Used to correlate related exchanges across routes or services' },
{ value: 'EVENT', label: 'Event' }, { value: 'EVENT', label: 'Event', tooltip: 'Marks a business event occurrence like orderPlaced or paymentReceived' },
{ value: 'CUSTOM', label: 'Custom' }, { value: 'CUSTOM', label: 'Custom', tooltip: 'General-purpose attribute for any other extraction need' },
]; ];
const recentExchangeOptions = useMemo(() => const recentExchangeOptions = useMemo(() =>
@@ -892,6 +892,7 @@ export default function RouteDetail() {
<button <button
key={tc.value} key={tc.value}
type="button" type="button"
title={tc.tooltip}
className={`${styles.typeOption} ${tapType === tc.value ? styles.typeOptionActive : ''}`} className={`${styles.typeOption} ${tapType === tc.value ? styles.typeOptionActive : ''}`}
onClick={() => setTapType(tc.value)} onClick={() => setTapType(tc.value)}
> >