This pull request includes several updates to the AnalysisPanel component in app/frontend/src/components/AnalysisPanel/AnalysisPanel.tsx to enhance its functionality and improve code readability. The key changes involve updating imports, refining type definitions, and adding new tooltip functionality to the PivotItem components.
Import Updates:
Added several imports from @fluentui/react to support new functionalities (IPivotItemProps, IRefObject, ITooltipHost, TooltipHost, mergeStyles).
Type Definitions:
Updated the pivotItemDisabledStyle to use React.CSSProperties for better type safety.
Tooltip Functionality:
Introduced tooltip references and a new onRenderItemLink function to render tooltips for disabled PivotItem components, providing additional context to users.
PivotItem Enhancements:
Modified headerButtonProps for PivotItem components to conditionally apply styles and disable states, and integrated tooltips for better user experience.
Minor Code Cleanups:
Added missing React import and removed unnecessary whitespace to improve code readability. [1][2]
This pull request includes several updates to the
AnalysisPanelcomponent inapp/frontend/src/components/AnalysisPanel/AnalysisPanel.tsxto enhance its functionality and improve code readability. The key changes involve updating imports, refining type definitions, and adding new tooltip functionality to thePivotItemcomponents.Import Updates:
@fluentui/reactto support new functionalities (IPivotItemProps,IRefObject,ITooltipHost,TooltipHost,mergeStyles).Type Definitions:
pivotItemDisabledStyleto useReact.CSSPropertiesfor better type safety.Tooltip Functionality:
onRenderItemLinkfunction to render tooltips for disabledPivotItemcomponents, providing additional context to users.PivotItemEnhancements:headerButtonPropsforPivotItemcomponents to conditionally apply styles and disable states, and integrated tooltips for better user experience.Minor Code Cleanups:
Reactimport and removed unnecessary whitespace to improve code readability. [1] [2]