csc loading spinner

sae-csc/src/app/shared/translate-texts/translate-texts.html

@@ -3,7 +3,7 @@
 
   <div id="fromText">
 
-    @if (!fileIsUploaded && !textFocused) {
+    @if (!fileIsUploaded) {
       <button (click)="clickFileUpload(fileUpload)" class=" click-file-upload is-outlined">
             <span class="label">
           Upload .csv file
@@ -41,30 +41,37 @@
       'is-visible' : fromText.length
       }" class="delete-button button">x
     </button>
-
-    <textarea
-      (focus)="focusFromText()"
-      (keyup)="onFromTextChanged()"
-      (ngModelChange)="onFromTextChanged()"
-      [ngModel]="appState.fromText"
-      cols="30"
-      id="from_text"
-      name="from_text"
-      placeholder="Copy/paste client’s question \n or Drag and drop extracted .csv file from CRM portal..."
-      rows="5"></textarea>
+    @if (!fileIsUploaded) {
+      <textarea
+        (focus)="focusFromText()"
+        (keyup)="onFromTextChanged()"
+        (ngModelChange)="onFromTextChanged()"
+        [ngModel]="appState.fromText"
+        cols="30"
+        id="from_text"
+        name="from_text"
+        placeholder="Copy/paste client’s question \n or Drag and drop extracted .csv file from CRM portal..."
+        rows="5"></textarea>
+    }
   </div>
 
   <div id="toText">
 
     @if (loadingResume) {
-      <div class="loading">
-        loading...
+      <div class="loading-container">
+        <div class="loading">
+          <div class="spinning">
+            <i class="ri-restart-line"></i>
+          </div>
+        </div>
       </div>
     }
     @if (toText.length > 0) {
       <button (click)="emptyText('toText')" class="delete-button button">x</button>
     }
-    <textarea [(ngModel)]="toText" cols="30" id="to_text" name="to_text" rows="10"></textarea>
+    @if (!loadingResume) {
+      <textarea [(ngModel)]="toText" cols="30" id="to_text" name="to_text" rows="10"></textarea>
+    }
   </div>
 
 </div>