Fixed link for upload field

ebs-integrator · Jan 27, 2021 · 680e08c · 680e08c
1 parent 85ef113
commit 680e08c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/molecules/Upload/Upload.scss b/src/components/molecules/Upload/Upload.scss
@@ -16,11 +16,15 @@
       &:hover {
         cursor: pointer;
       }
+      .ebs-icon {
+        color: $text-color;
+      }
     }
     &__name {
       font-weight: 600;
       margin-bottom: 7px;
       font-size: rem(13px);
+      color: $text-color;
     }
     &__size {
       min-width: 80px;

diff --git a/src/components/molecules/Upload/Upload.tsx b/src/components/molecules/Upload/Upload.tsx
@@ -90,7 +90,7 @@ export const Upload = React.forwardRef<any, UploadProps>((props, ref) => {
           </div>
 
           <div className="upload__file">
-            <a href={internalFile?.url} className="upload__file__name">
+            <a href={internalFile?.url} target="_blank" rel="noopener noreferrer" className="upload__file__name">
               {internalFile?.name}
             </a>
 
@@ -105,7 +105,7 @@ export const Upload = React.forwardRef<any, UploadProps>((props, ref) => {
         </div>
       )}
 
-      {internalError && <div className="upload__error">{internalError.message}</div>}
+      {internalFile && internalError && <div className="upload__error">{internalError.message}</div>}
     </>
   );
 });