added title for all buttons (#1985)

egovernments · Dec 6, 2024 · ac1899c · ac1899c
1 parent d1a4c20
commit ac1899c
Show file tree

Hide file tree

Showing 36 changed files with 104 additions and 26 deletions.
diff --git a/health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js b/health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js
@@ -841,7 +841,7 @@ export const UICustomizations = {
             <div>
               {microplanFileId && row?.status == "RESOURCE_ESTIMATIONS_APPROVED" ? (
                 <div>
-                  <ButtonNew style={{ width: "20rem" }} onClick={handleDownload} icon="DownloadIcon" label={t("WBH_DOWNLOAD_MICROPLAN")} />
+                  <ButtonNew style={{ width: "20rem" }} onClick={handleDownload} icon="DownloadIcon" label={t("WBH_DOWNLOAD_MICROPLAN")} title={t("WBH_DOWNLOAD_MICROPLAN")} />
                 </div>
               ) : (
                 <div className={"action-button-open-microplan"}>
@@ -850,6 +850,7 @@ export const UICustomizations = {
                       type="actionButton"
                       variation="secondary"
                       label={t("MP_ACTIONS_FOR_MICROPLAN_SEARCH")}
+                      title={t("MP_ACTIONS_FOR_MICROPLAN_SEARCH")}
                       options={options}
                       style={{ width: "20rem" }}
                       optionsKey="name"
@@ -1025,6 +1026,7 @@ export const UICustomizations = {
           return row.status === "EXECUTION_TO_BE_DONE" ? (
             <ButtonNew
               label={t("START")}
+              title={t("START")}
               variation="primary"
               icon={"ArrowForward"}
               type="button"
@@ -1037,6 +1039,7 @@ export const UICustomizations = {
           ) : row.status === "RESOURCE_ESTIMATIONS_APPROVED" ? (
             <ButtonNew
               label={t("WBH_DOWNLOAD_MICROPLAN")}
+              title={t("WBH_DOWNLOAD_MICROPLAN")}
               variation="primary"
               icon={"FileDownload"}
               style={{width:"290px"}}
@@ -1047,6 +1050,7 @@ export const UICustomizations = {
           ) : (
             <ButtonNew
               label={t("WBH_EDIT")}
+              title={t("WBH_EDIT")}
               variation="primary"
               icon={"Edit"}
               style={{width:"290px"}}
@@ -1322,7 +1326,7 @@ export const UICustomizations = {
                 optionsKey=""
                 size="medium"
                 style={{}}
-                title=""
+                title={t(key)}
                 variation="primary"
               />
               {showPopup && (

diff --git a/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsForm.js b/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsForm.js
@@ -192,6 +192,7 @@ const AssumptionsForm = ({ onSelect, ...props }) => {
                         size={"large"}
                         variation={"secondary"}
                         label={t("MP_ACK")}
+                        title={t("MP_ACK")}
                         onClick={() => {
                             setShowPopup(false);
                             //   setCanUpdate(true);

diff --git a/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsList.js b/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsList.js
@@ -70,6 +70,7 @@ const AssumptionsList = ({ customProps, setupCompleted }) => {
                         {!(setupCompleted === 'true') &&
                             <Button
                                 label={t("WBH_EDIT")}
+                                title={t("WBH_EDIT")}
                                 variation="secondary"
                                 icon={"Edit"}
                                 size="medium"

diff --git a/...cro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundaryFilter.js b/...cro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundaryFilter.js
@@ -162,6 +162,7 @@ const BoundaryFilter = ({
         icon="FilterAlt"
         variation="secondary"
         className="button-primary"
+        title={t("BUTTON_FILTER_BY_BOUNDARY")}
         label={t("BUTTON_FILTER_BY_BOUNDARY")}
         onClick={() => setIsboundarySelectionSelected((previous) => !previous)}
       />
@@ -186,6 +187,7 @@ const BoundaryFilter = ({
           <Button
             variation="secondary"
             icon={"AutoRenew"}
+            title={t("CLEAR_ALL_FILTERS")}
             label={t("CLEAR_ALL_FILTERS")}
             // onClick={handleClearAll}
           />

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundarySelection.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundarySelection.js
@@ -135,6 +135,7 @@ const BoundarySelection = ({ onSelect, props: customProps, ...props }) => {
             size={"large"}
             variation={"secondary"}
             label={t("MP_ACK")}
+            title={t("MP_ACK")}
             onClick={() => {
               setShowPopup(false);
               //   setCanUpdate(true);

diff --git a/...o-ui/web/micro-ui-internals/packages/modules/microplan/src/components/CampaignBoundary.js b/...o-ui/web/micro-ui-internals/packages/modules/microplan/src/components/CampaignBoundary.js
@@ -316,6 +316,7 @@ const CampaignBoundary = ({ customProps, setupCompleted }) => {
                   {!(setupCompleted === "true") && (
                     <Button
                       label={t("WBH_EDIT")}
+                      title={t("WBH_EDIT")}
                       variation="secondary"
                       icon={"Edit"}
                       type="button"
@@ -337,6 +338,7 @@ const CampaignBoundary = ({ customProps, setupCompleted }) => {
                 {boundaryStatus?.[ind + 2] && parent_group[item]?.length > 2 ? (
                   <Button
                     label={t("VIEW_MORE")}
+                    title={t("VIEW_MORE")}
                     onClick={() => handleViewMore(ind + 2)}
                     variation="link"
                     icon="ArrowDropDown"
@@ -347,6 +349,7 @@ const CampaignBoundary = ({ customProps, setupCompleted }) => {
                   <Button
                     isSuffix={true}
                     label={t("VIEW_LESS")}
+                    title={t("VIEW_LESS")}
                     icon="ArrowDropUp"
                     onClick={() => handleViewMore(ind + 2)}
                     variation="link"

diff --git a/...i/web/micro-ui-internals/packages/modules/microplan/src/components/ChoroplethSelection.js b/...i/web/micro-ui-internals/packages/modules/microplan/src/components/ChoroplethSelection.js
@@ -64,6 +64,7 @@ const ChoroplethSelection = memo(
               }}
               icon={"AutoRenew"}
               label={t("CLEAR_FILTER")}
+              title={t("CLEAR_FILTER")}
               onClick={() => setChoroplethProperty()}
             />
           </div>

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ConfirmationPopUp.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ConfirmationPopUp.js
@@ -57,6 +57,7 @@ const ConfirmationPopUp = ({ onClose, alertHeading, alertMessage, submitLabel, u
                         size="large"
                         variation="secondary" 
                         label={t(submitLabel)}
+                        title={t(submitLabel)}
                         onClick={handleSave}
                         isDisabled={isSubmitting || mutation.isLoading}  // Disable button during submission
                     />,
@@ -67,6 +68,7 @@ const ConfirmationPopUp = ({ onClose, alertHeading, alertMessage, submitLabel, u
                         size="large"
                         variation="primary"
                         label={t(cancelLabel)}
+                        title={t(cancelLabel)}
                         onClick={onClose}
                         isDisabled={isSubmitting || mutation.isLoading}  // Disable button during submission
                     />,

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/DataMgmtComponent.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/DataMgmtComponent.js
@@ -34,6 +34,7 @@ export const DataMgmtComponent = ({ customProps, setupCompleted }) => {
                     {!(setupCompleted === 'true') &&
                         <Button
                             label={t("WBH_EDIT")}
+                            title={t("WBH_EDIT")}
                             variation="secondary"
                             icon={"Edit"}
                             size="medium"
@@ -83,6 +84,7 @@ export const DataMgmtComponent = ({ customProps, setupCompleted }) => {
 
                         <Button
                             label={t("WBH_EDIT")}
+                            title={t("WBH_EDIT")}
                             variation="secondary"
                             icon={"Edit"}
                             size="medium"

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FacilityPopup.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FacilityPopup.js
@@ -258,14 +258,14 @@ const FacilityPopUp = ({ detail, onClose }) => {
     {
       name: t("MP_VILLAGE_ACCESSIBILITY_LEVEL"), // Change to your column type
       cell: (row) => (
-        <Button label={t("VIEW_DETAILS")} onClick={() => handleViewDetailsForAccessibility(row)} variation="link" size={"medium"} style={{}} />
+        <Button label={t("VIEW_DETAILS")} title={t("VIEW_DETAILS")} onClick={() => handleViewDetailsForAccessibility(row)} variation="link" size={"medium"} style={{}} />
       ), // Replace with the appropriate field from your data
       sortable: false,
     },
     {
       name: t("MP_VILLAGE_SECURITY_LEVEL"), // Change to your column type
       cell: (row) => (
-        <Button label={t("VIEW_DETAILS")} onClick={() => handleViewDetailsForSecurity(row)} variation="link" size={"medium"} style={{}} />
+        <Button label={t("VIEW_DETAILS")} title={t("VIEW_DETAILS")} onClick={() => handleViewDetailsForSecurity(row)} variation="link" size={"medium"} style={{}} />
       ), // Replace with the appropriate field from your data
       sortable: false,
     },
@@ -591,6 +591,7 @@ const FacilityPopUp = ({ detail, onClose }) => {
               size={"large"}
               variation={"secondary"}
               label={t(`MICROPLAN_CLOSE_BUTTON`)}
+              title={t(`MICROPLAN_CLOSE_BUTTON`)}
               onClick={onClose}
               style={{ width: "200px" }}
             />,

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FileComponent.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FileComponent.js
@@ -70,6 +70,7 @@ const FileComponent = ({ title, fileName, status, auditDetails, editHandler, del
                         {editHandler &&
                             <Button
                                 label={t("WBH_EDIT")}
+                                title={t("WBH_EDIT")}
                                 variation="secondary"
                                 icon={<EditIcon styles={{ height: "1.25rem", width: "2.5rem" }} />}
                                 type="button"
@@ -83,6 +84,7 @@ const FileComponent = ({ title, fileName, status, auditDetails, editHandler, del
                     {deleteHandler &&
                         <Button
                             label={t("WBH_DELETE")}
+                            title={t("WBH_DELETE")}
                             variation="secondary"
                             icon={<DeleteIconv2 styles={{ height: "1.25rem", width: "2.5rem" }} />}
                             type="button"
@@ -96,6 +98,7 @@ const FileComponent = ({ title, fileName, status, auditDetails, editHandler, del
                     {(downloadHandler && status === "completed") && (
                         <Button
                             label={t("WBH_DOWNLOAD")}
+                            title={t("WBH_DOWNLOAD")}
                             variation="secondary"
                             icon={"FileDownload"}
                             type="button"

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FilterSection.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FilterSection.js
@@ -70,6 +70,7 @@ const FilterSection = memo(
               }}
               icon={"AutoRenew"}
               label={t("CLEAR_ALL_FILTERS")}
+              title={t("CLEAR_ALL_FILTERS")}
               onClick={() => setFilterSelections([])}
             />
           </div>

diff --git a/...i/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigScreen.js b/...i/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigScreen.js
@@ -50,6 +50,7 @@ const FormulaConfigScreen = ({ customProps, setupCompleted }) => {
                             {!(setupCompleted === 'true') &&
                                 <Button
                                     label={t("WBH_EDIT")}
+                                    title={t("WBH_EDIT")}
                                     variation="secondary"
                                     icon={"Edit"}
                                     size="medium"

diff --git a/.../web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigWrapper.js b/.../web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigWrapper.js
@@ -562,8 +562,8 @@ const FormulaConfigWrapper = ({ onSelect, props: customProps }) => {
 
         {formulaInternalKey > 0 && formulaInternalKey < ruleConfigurationCategories?.length && (
           <ActionBar>
-            <Button className="previous-button" variation="secondary" label={t("BACK")} onClick={handleBack} />
-            <Button className="previous-button" variation="primary" label={t("NEXT")} onClick={handleNext} />
+            <Button className="previous-button" variation="secondary" label={t("BACK")} title={t("BACK")} onClick={handleBack} />
+            <Button className="previous-button" variation="primary" label={t("NEXT")} title={t("NEXT")} onClick={handleNext} />
           </ActionBar>
         )}
       </FormulaContext.Provider>

diff --git a/.../web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfiguration.js b/.../web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfiguration.js
@@ -375,9 +375,9 @@ const FormulaConfiguration = ({ onSelect, category, customProps, formulas: initi
                       icon="Delete"
                       iconFill=""
                       label={t("DELETE")}
+                      title={t("DELETE")}
                       size=""
                       style={{ padding: "0px" }}
-                      title=""
                       variation="secondary"
                       onClick={() => handleDeleteClick(index, formula)}
                     />
@@ -402,6 +402,7 @@ const FormulaConfiguration = ({ onSelect, category, customProps, formulas: initi
         <Button
           icon="Add"
           label={t("ADD_NEW_FORMULA")}
+          title={t("ADD_NEW_FORMULA")}
           onClick={() => setFormulasPopUp(true)}
           variation="secondary"
           // isDisabled={isAddNewDisabled}
@@ -435,11 +436,12 @@ const FormulaConfiguration = ({ onSelect, category, customProps, formulas: initi
                 size={"large"}
                 variation={"secondary"}
                 label={t("YES")}
+                title={t("YES")}
                 onClick={() => {
                   handleConfirmDelete();
                 }}
               />,
-              <Button type={"button"} size={"large"} variation={"primary"} label={t("NO")} onClick={handleCancelDelete} />,
+              <Button type={"button"} size={"large"} variation={"primary"} label={t("NO")} title={t("NO")} onClick={handleCancelDelete} />,
             ]}
             sortFooterChildren={true}
             onClose={() => {
@@ -497,6 +499,7 @@ const FormulaConfiguration = ({ onSelect, category, customProps, formulas: initi
                 size={"large"}
                 variation={"secondary"}
                 label={t("CANCEL")}
+                title={t("CANCEL")}
                 onClick={() => {
                   setFormulasPopUp(false);
                   setSelectedDeletedFormula(null);
@@ -507,6 +510,7 @@ const FormulaConfiguration = ({ onSelect, category, customProps, formulas: initi
                 size={"large"}
                 variation={"primary"}
                 label={t("ADD")}
+                title={t("ADD")}
                 onClick={() => {
                   if(!selectedDeletedFormula){
                     setShowToast({

diff --git a/...h/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/Hypothesis.js b/...h/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/Hypothesis.js
@@ -197,6 +197,7 @@ const Hypothesis = ({ category, assumptions: initialAssumptions, setShowToast, a
                   <Button
                     icon="Delete"
                     label={t("DELETE")}
+                    title={t("DELETE")}
                     onClick={() => handleDeleteClick(index, item)}
                     variation="link"
                     isDisabled={assumptions?.length === 1 && category !== "CAMPAIGN_VEHICLES" ? true : false}
@@ -211,6 +212,7 @@ const Hypothesis = ({ category, assumptions: initialAssumptions, setShowToast, a
 
         <Button
           icon="Add"
+          title={category === "CAMPAIGN_VEHICLES" ? t(`ADD_ASSUMPTION_${category}`) : t("ADD_ASSUMPTION")}
           label={category === "CAMPAIGN_VEHICLES" ? t(`ADD_ASSUMPTION_${category}`) : t("ADD_ASSUMPTION")}
           onClick={() => setAssumptionsPopUp(true)}
           variation="secondary"
@@ -245,11 +247,12 @@ const Hypothesis = ({ category, assumptions: initialAssumptions, setShowToast, a
                 size={"large"}
                 variation={"secondary"}
                 label={t("YES")}
+                title={t("YES")}
                 onClick={() => {
                   handleConfirmDelete();
                 }}
               />,
-              <Button type={"button"} size={"large"} variation={"primary"} label={t("NO")} onClick={handleCancelDelete} />,
+              <Button type={"button"} size={"large"} variation={"primary"} label={t("NO")} title={t("NO")} onClick={handleCancelDelete} />,
             ]}
             sortFooterChildren={true}
             onClose={() => {
@@ -330,6 +333,7 @@ const Hypothesis = ({ category, assumptions: initialAssumptions, setShowToast, a
                 size={"large"}
                 variation={"secondary"}
                 label={t("CANCEL")}
+                title={t("CANCEL")}
                 onClick={() => {
                   setAssumptionsPopUp(false);
                   setSelectedDeletedAssumption(null);
@@ -340,6 +344,7 @@ const Hypothesis = ({ category, assumptions: initialAssumptions, setShowToast, a
                 size={"large"}
                 variation={"primary"}
                 label={t("ADD")}
+                title={t("ADD")}
                 onClick={() => {
                   //here if assumption name is not given then show a toast message and return
                   if (category !== "CAMPAIGN_VEHICLES" && assumptions?.includes(selectedDeletedAssumption?.name)) {

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/HypothesisWrapper.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/HypothesisWrapper.js
@@ -553,8 +553,8 @@ const HypothesisWrapper = ({ onSelect, props: customProps }) => {
 
         {internalKey > 0 && internalKey < assumptionCategories.length && (
           <ActionBar>
-            <Button className="previous-button" variation="secondary" label={t("BACK")} onClick={handleBack} />
-            <Button className="previous-button" variation="primary" label={t("NEXT")} onClick={handleNext} />
+            <Button className="previous-button" variation="secondary" label={t("BACK")} title={t("BACK")} onClick={handleBack} />
+            <Button className="previous-button" variation="primary" label={t("NEXT")} title={t("NEXT")} onClick={handleNext} />
           </ActionBar>
         )}
       </AssumptionContext.Provider>

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/PopInboxTable.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/PopInboxTable.js
@@ -120,6 +120,7 @@ const PopInboxTable = ({ ...props }) => {
         cell: (row, index, column, id) => (
           <Button
             label={t(`VIEW_LOGS`)}
+            title={t(`VIEW_LOGS`)}
             onClick={() => {
               setSelectedBusinessId(row.id); // Set the row.id to state
               setSelectedBoundaryCode(row.boundaryCode);

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/RoleTableComposer.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/RoleTableComposer.js
@@ -602,11 +602,12 @@ function RoleTableComposer({ nationalRoles }) {
               size={"large"}
               variation={"primary"}
               label={t("YES")}
+              title={t("YES")}
               onClick={() => {
                 handleUpdateAssignEmployee(unassignPopup);
               }}
             />,
-            <Button type={"button"} size={"large"} variation={"secondary"} label={t("NO")} onClick={() => { setUnassignPopup(false); }} />,
+            <Button type={"button"} size={"large"} variation={"secondary"} label={t("NO")} title={t("NO")} onClick={() => { setUnassignPopup(false); }} />,
           ]}
           sortFooterChildren={true}
           onClose={() => {

diff --git a/...o-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UploadDataCustom.js b/...o-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UploadDataCustom.js
@@ -687,6 +687,7 @@ const UploadDataCustom = React.memo(({ formData, onSelect, ...props }) => {
               </Header>
               <Button
                 label={t("WBH_DOWNLOAD_TEMPLATE")}
+                title={t("WBH_DOWNLOAD_TEMPLATE")}
                 variation="secondary"
                 icon={"FileDownload"}
                 type="button"