External/signoz
1
0
Fork 0
mirror of https://github.com/SigNoz/signoz.git synced 2025-12-29 16:14:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: show labels in widget selector

Browse Source
This commit is contained in:
SagarRajput-7 2025-05-14 06:32:49 +05:30
parent d6088f97e7
commit f9f463cce6
3 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/NewSelect/CustomMultiSelect.tsx
View File

@ -65,6 +65,7 @@ const CustomMultiSelect: React.FC<CustomMultiSelectProps> = ({
maxTagTextLength, maxTagTextLength,
onDropdownVisibleChange, onDropdownVisibleChange,
showIncompleteDataMessage = false, showIncompleteDataMessage = false,
showLabels = false,
...rest ...rest
}) => { }) => {
// ===== State & Refs ===== // ===== State & Refs =====
@ -1709,7 +1710,11 @@ const CustomMultiSelect: React.FC<CustomMultiSelectProps> = ({
// Custom Tag Render (needs significant updates) // Custom Tag Render (needs significant updates)
const tagRender = useCallback( const tagRender = useCallback(
(props: CustomTagProps): React.ReactElement => { (props: CustomTagProps): React.ReactElement => {
const { label, value, closable, onClose } = props; const { label: labelProp, value, closable, onClose } = props;
const label = showLabels
? options.find((option) => option.value === value)?.label || labelProp
: labelProp;
// If the display value is the special ALL value, render the ALL tag // If the display value is the special ALL value, render the ALL tag
if (allOptionShown) { if (allOptionShown) {

1
frontend/src/components/NewSelect/types.ts
View File

@ -60,4 +60,5 @@ export interface CustomMultiSelectProps
onRetry?: () => void; onRetry?: () => void;
maxTagTextLength?: number; maxTagTextLength?: number;
showIncompleteDataMessage?: boolean; showIncompleteDataMessage?: boolean;
showLabels?: boolean;
} }

1
frontend/src/container/NewDashboard/DashboardSettings/Variables/VariableItem/WidgetSelector.tsx
View File

@ -23,6 +23,7 @@ export function WidgetSelector({
value={selectedWidgets} value={selectedWidgets}
labelInValue labelInValue
onChange={(value): void => setSelectedWidgets(value as string[])} onChange={(value): void => setSelectedWidgets(value as string[])}
showLabels
/> />
); );
} }