Make download config button in implenter tools fully clickable (#957)

openmrs · Mar 17, 2024 · 8435603 · 8435603
1 parent eb3f5eb
commit 8435603
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/apps/esm-implementer-tools-app/src/configuration/configuration.component.tsx b/packages/apps/esm-implementer-tools-app/src/configuration/configuration.component.tsx
@@ -164,8 +164,13 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
                   kind="secondary"
                   iconDescription="Download config"
                   renderIcon={(props) => <Download size={16} {...props} />}
+                  onClick={(event: React.MouseEvent<HTMLAnchorElement>) => {
+                    if ((event.target as HTMLAnchorElement).id != 'downloadConfigBtn')
+                      document.getElementById('downloadConfigBtn')?.click();
+                  }}
                 >
                   <a
+                    id="downloadConfigBtn"
                     className={styles.downloadLink}
                     download="temporary_config.json"
                     href={window.URL.createObjectURL(tempConfigObjUrl)}