Dev-9125 Customizable Apply Filter Button Label (#1571)

CDCgov · Oct 15, 2024 · 98dfbb9 · 98dfbb9
1 parent 16682a6
commit 98dfbb9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/packages/core/components/EditorPanel/Inputs.tsx b/packages/core/components/EditorPanel/Inputs.tsx
@@ -17,6 +17,7 @@ export type TextFieldProps = {
  value: string | number
  type?: 'text' | 'number' | 'textarea' | 'date'
  min?: number
+ maxLength?: number
  max?: number
  i?: number
  id?: string

diff --git a/...shboard/src/components/DashboardFilters/DashboardFiltersEditor/DashboardFiltersEditor.tsx b/...shboard/src/components/DashboardFilters/DashboardFiltersEditor/DashboardFiltersEditor.tsx
@@ -6,7 +6,7 @@ import {
  AccordionItemPanel
 } from 'react-accessible-accordion'
 import { useContext, useMemo, useState } from 'react'
-import { CheckBox, Select } from '@cdc/core/components/EditorPanel/Inputs'
+import { CheckBox, Select, TextField } from '@cdc/core/components/EditorPanel/Inputs'
 import Tooltip from '@cdc/core/components/ui/Tooltip'
 import Icon from '@cdc/core/components/ui/Icon'
 import FieldSetWrapper from '@cdc/core/components/EditorPanel/FieldSetWrapper'
@@ -162,6 +162,16 @@ const DashboardFiltersEditor: React.FC<DashboardFitlersEditorProps> = ({ vizConf
  </Tooltip>
  }
  />
+ {vizConfig.filterBehavior === 'Apply Button' && (
+ <TextField
+ label='Apply Filter Button Text'
+ maxLength={20}
+ value={vizConfig.applyFiltersButtonText}
+ updateField={(_section, _subsection, _key, value) => {
+ updateConfig({ ...vizConfig, applyFiltersButtonText: value })
+ }}
+ />
+ )}
  {vizConfig.filterBehavior === 'Filter Change' && (
  <CheckBox
  label='Auto Load'

diff --git a/packages/dashboard/src/components/DashboardFilters/DashboardFiltersWrapper.tsx b/packages/dashboard/src/components/DashboardFilters/DashboardFiltersWrapper.tsx
@@ -183,7 +183,7 @@ const DashboardFiltersWrapper: React.FC<DashboardFiltersProps> = ({
  handleOnChange={handleOnChange}
  />
  {visualizationConfig.filterBehavior === FilterBehavior.Apply && !visualizationConfig.autoLoad && (
- <button onClick={applyFilters}>GO!</button>
+ <button onClick={applyFilters}>{visualizationConfig.applyFiltersButtonText || 'GO!'}</button>
  )}
  </div>
  </Layout.Responsive>

diff --git a/packages/dashboard/src/types/DashboardFilters.ts b/packages/dashboard/src/types/DashboardFilters.ts
@@ -2,6 +2,7 @@ import { CommonVisualizationProperties } from '@cdc/core/types/Visualization'
 
 export type DashboardFilters = {
  sharedFilterIndexes: number[]
+ applyFiltersButtonText: string
  autoLoad?: boolean
  type: 'dashboardFilters'
 } & CommonVisualizationProperties