From 0fb8a56a90ec37f81ef4c79c8eee6057da83be0f Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Thu, 14 Nov 2019 08:30:59 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=8C=EC=9D=BC=ED=95=A8=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../right-drawer/file-box.component.html      | 24 ++++++++-----------
 .../right-drawer/file-box.component.ts        | 20 +++++-----------
 2 files changed, 16 insertions(+), 28 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.html
index 2e3a5ced..8341207b 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.html
@@ -52,28 +52,24 @@
         </td>
       </ng-container>
       <ng-container matColumnDef="name">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>
-        <td mat-cell *matCellDef="let element">{{ element.info.name }}</td>
-      </ng-container>
-      <ng-container matColumnDef="size">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>Size</th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header class="infos">
+          Name
+        </th>
         <td mat-cell *matCellDef="let element">
-          {{ element.info.size | ucapBytes }}
+          <div>
+            {{ element.info.name }}
+          </div>
+          <div>
+            {{ element.info.size | ucapBytes }}
+          </div>
         </td>
       </ng-container>
-      <ng-container matColumnDef="sendDate">
+      <ng-container matColumnDef="sendDate" class="date">
         <th mat-header-cell *matHeaderCellDef mat-sort-header>sendDate</th>
         <td mat-cell *matCellDef="let element">
           {{ element.info.sendDate | dateToStringFormat: 'YYYY.MM.DD' }}
         </td>
       </ng-container>
-      <ng-container matColumnDef="receivedUserCount">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>receivedUser</th>
-        <td mat-cell *matCellDef="let element">
-          {{ element.info.receivedUserCount }}
-        </td>
-      </ng-container>
-
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr
         mat-row
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.ts
index 2f2a2d29..c7dde43a 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.ts
@@ -3,7 +3,7 @@ import { MatPaginator, MatTableDataSource, MatSort } from '@angular/material';
 import {
   FileInfo,
   FileDownloadInfo,
-  FileType,
+  FileType
 } from '@ucap-webmessenger/protocol-file';
 import { Subscription, combineLatest } from 'rxjs';
 import { Store, select } from '@ngrx/store';
@@ -24,16 +24,10 @@ export interface FileInfoTotal {
 @Component({
   selector: 'app-layout-chat-right-drawer-file-box',
   templateUrl: './file-box.component.html',
-  styleUrls: ['./file-box.component.scss'],
+  styleUrls: ['./file-box.component.scss']
 })
 export class FileBoxComponent implements OnInit, OnDestroy {
-  displayedColumns: string[] = [
-    'check',
-    'name',
-    'size',
-    'sendDate',
-    'receivedUserCount',
-  ];
+  displayedColumns: string[] = ['check', 'name', 'sendDate'];
   dataSource = new MatTableDataSource<FileInfoTotal>();
 
   fileInfoTotal: FileInfoTotal[];
@@ -69,7 +63,7 @@ export class FileBoxComponent implements OnInit, OnDestroy {
         select(
           AppStore.MessengerSelector.EventSelector.selectAllFileInfoCheckList
         )
-      ),
+      )
     ])
       .pipe(
         tap(() => (this.fileInfoTotal = [])),
@@ -91,7 +85,7 @@ export class FileBoxComponent implements OnInit, OnDestroy {
               info: fileInfo,
               checkInfo: fileInfoCheckList.filter(
                 checkInfo => checkInfo.seq === fileInfo.seq
-              ),
+              )
             });
           });
 
@@ -108,10 +102,8 @@ export class FileBoxComponent implements OnInit, OnDestroy {
           return item.info.size;
         case 'sendDate':
           return item.info.sendDate;
-        case 'receivedUserCount':
-          return item.info.receivedUserCount;
         default:
-          return item[property];
+          return item.info[property];
       }
     };
     this.dataSource.sort = this.sort;