From fec4aa6df1bd6c5ea1ca9eeb10e4bc643a16d39e Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Tue, 1 Oct 2024 17:15:53 -0300
Subject: [PATCH] Changing the bitstream title in the submission form to use
 the view component title, avoiding disappearance with changes to the form

---
 .../sections/upload/file/section-upload-file.component.html  | 3 +--
 .../upload/file/view/section-upload-file-view.component.html | 5 +++--
 .../upload/file/view/section-upload-file-view.component.ts   | 4 +++-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/submission/sections/upload/file/section-upload-file.component.html b/src/app/submission/sections/upload/file/section-upload-file.component.html
index da83e3f9a0..4698fdf68a 100644
--- a/src/app/submission/sections/upload/file/section-upload-file.component.html
+++ b/src/app/submission/sections/upload/file/section-upload-file.component.html
@@ -18,7 +18,7 @@
     </div>
     <div class="col-md-10">
       <div class="float-left w-75">
-        <h3>{{fileName}} <span class="text-muted">({{fileData?.sizeBytes | dsFileSize}})</span></h3>
+        <ds-submission-section-upload-file-view [fileData]="fileData"></ds-submission-section-upload-file-view>
       </div>
       <div class="float-right w-15">
         <ng-container>
@@ -43,7 +43,6 @@
         </ng-container>
       </div>
       <div class="clearfix"></div>
-      <ds-submission-section-upload-file-view [fileData]="fileData"></ds-submission-section-upload-file-view>
     </div>
   </div>
 </ng-container>
diff --git a/src/app/submission/sections/upload/file/view/section-upload-file-view.component.html b/src/app/submission/sections/upload/file/view/section-upload-file-view.component.html
index cc12b5dea6..dc72fbdad0 100644
--- a/src/app/submission/sections/upload/file/view/section-upload-file-view.component.html
+++ b/src/app/submission/sections/upload/file/view/section-upload-file-view.component.html
@@ -2,9 +2,10 @@
   <ng-container *ngIf="metadata">
     <ng-container *ngFor="let entry of getAllMetadataValue(fileTitleKey)">
       <ng-container *ngIf="entry.value !== ''">
-        <h5>
+        <h3>
           {{entry.value}}
-        </h5>
+          <span class="text-muted">({{fileData?.sizeBytes | dsFileSize}})</span>
+        </h3>
       </ng-container>
       <ng-container *ngIf="entry.value === ''">
         <h5 *ngIf="metadata[fileTitleKey].indexOf(entry) === 0">
diff --git a/src/app/submission/sections/upload/file/view/section-upload-file-view.component.ts b/src/app/submission/sections/upload/file/view/section-upload-file-view.component.ts
index 0630a28a76..7ab21fb85b 100644
--- a/src/app/submission/sections/upload/file/view/section-upload-file-view.component.ts
+++ b/src/app/submission/sections/upload/file/view/section-upload-file-view.component.ts
@@ -18,6 +18,7 @@ import { WorkspaceitemSectionUploadFileObject } from '../../../../../core/submis
 import { isNotEmpty } from '../../../../../shared/empty.util';
 import { TruncatePipe } from '../../../../../shared/utils/truncate.pipe';
 import { SubmissionSectionUploadAccessConditionsComponent } from '../../accessConditions/submission-section-upload-access-conditions.component';
+import { FileSizePipe } from "../../../../../shared/utils/file-size-pipe";
 
 /**
  * This component allow to show bitstream's metadata
@@ -31,7 +32,8 @@ import { SubmissionSectionUploadAccessConditionsComponent } from '../../accessCo
     TruncatePipe,
     NgIf,
     NgForOf,
-  ],
+    FileSizePipe
+],
   standalone: true,
 })
 export class SubmissionSectionUploadFileViewComponent implements OnInit {