fixup! Add text when the user is dragging files over FileInputField

Author: atmelmicro

src/components/FileInputField/FileInputField.jsx

@@ -199,8 +199,8 @@ export const FileInputField = React.forwardRef((props, ref) => {
           >
             <Text lines={1}>
               {isDragging && (
-                <span className={styles.dropHereText}>
-                  {translations.FileInputField.dropHere}
+                <span className={styles.dropFilesHereText}>
+                  {translations.FileInputField.dropFilesHere}
                 </span>
               )}
               {!isDragging && !selectedFileNames.length && (

src/components/FileInputField/FileInputField.module.scss

@@ -64,7 +64,7 @@
         --rui-local-border-color: #{settings.$drop-zone-active-border-color};
     }
 
-    .dropHereText {
+    .dropFilesHereText {
         color: var(--rui-local-link-color, var(--rui-color-text-link));
     }
 

src/translations/en.js

@@ -5,7 +5,7 @@ export default {
   FileInputField: {
     browse: 'Browse',
     drop: 'or drop file here',
-    dropHere: 'Drop here!',
+    dropFilesHere: 'Drop file here',
     filesSelected: 'files selected',
   },
   ModalCloseButton: {