From 5fdcc44590d3596906d7e48a0b7291f7fd78419c Mon Sep 17 00:00:00 2001
From: Flaminia Cavallo <flaminia@dhis2.org>
Date: Tue, 5 Nov 2024 11:29:54 +0100
Subject: [PATCH] feat: add max length to inputs for title and subtitle

---
 src/config/field-overrides/dataSet.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/config/field-overrides/dataSet.js b/src/config/field-overrides/dataSet.js
index 1164516a3..c5210485a 100644
--- a/src/config/field-overrides/dataSet.js
+++ b/src/config/field-overrides/dataSet.js
@@ -172,11 +172,12 @@ class RenderAsTabsSettings extends React.Component {
                 {state.displayOptions && state.displayOptions.customText &&
                 <div style={customTextCssStyles}>
                     <TextField
-                    value={(state.displayOptions && state.displayOptions.customText &&
-                        state.displayOptions.customText.header) || ""}
-                    fullWidth={false}
-                    onChange={this.onCustomTextHeaderChanged}
-                    floatingLabelText={this.translate('data_set_title')}
+                        value={(state.displayOptions && state.displayOptions.customText &&
+                            state.displayOptions.customText.header) || ""}
+                        fullWidth={false}
+                        onChange={this.onCustomTextHeaderChanged}
+                        floatingLabelText={this.translate('data_set_title')}
+                        maxLength={500}
                     />
                     <TextField
                         value={(state.displayOptions && state.displayOptions.customText &&
@@ -184,6 +185,7 @@ class RenderAsTabsSettings extends React.Component {
                         fullWidth={false}
                         onChange={this.onCustomTextSubheaderChanged}
                         floatingLabelText={this.translate('data_set_subtitle')}
+                        maxLength={500}
                     />
                 </div>}
             </div>