From e0ff5847ff13dc807fd05fde49681c4a531b7111 Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Wed, 10 Aug 2022 13:08:31 +0000
Subject: [PATCH] bug fixed

---
 .../user/components/list.component.html       | 94 ++++++++++++-------
 1 file changed, 61 insertions(+), 33 deletions(-)

diff --git a/src/app/modules/admin/member/user/components/list.component.html b/src/app/modules/admin/member/user/components/list.component.html
index 735f557..c00ca7a 100644
--- a/src/app/modules/admin/member/user/components/list.component.html
+++ b/src/app/modules/admin/member/user/components/list.component.html
@@ -150,13 +150,15 @@
   <div class="flex flex-auto overflow-hidden">
     <!-- Products list -->
     <div
-      class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
+      class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto overflow-x-auto overflow-y-hidden"
     >
       <ng-container *ngIf="users$ | async as users">
         <ng-container *ngIf="users.length > 0; else noUser">
           <div class="grid">
             <!-- Header -->
             <div
+              matSort
+              matSortDisableClear
               class="user-grid z-10 sticky top-0 grid gap-4 py-4 px-6 md:px-8 shadow text-md font-semibold text-secondary bg-gray-50 dark:bg-black dark:bg-opacity-5"
             >
               <div>
@@ -166,7 +168,8 @@
               <div>요율</div>
               <div>상부</div>
               <div>
-                아이디
+                <div>아이디</div>
+
                 <hr style="margin: 7px 0px" />
                 닉네임
                 <hr style="margin: 7px 0px" />
@@ -192,7 +195,9 @@
             </div>
             <!-- Rows -->
             <ng-container *ngIf="users$ | async as users">
-              <ng-container *ngFor="let user of users; trackBy: __trackByFn">
+              <ng-container
+                *ngFor="let user of users; let i = index; trackBy: __trackByFn"
+              >
                 <div
                   class="user-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
@@ -272,6 +277,59 @@
                 </div>
               </ng-container>
             </ng-container>
+            <div>
+              <!-- <div>
+                
+              </div> -->
+              <!-- <div
+                class="flex flex-col sm:flex-row sm:items-center justify-between mt-4 sm:mt-6"
+              >
+                
+              </div> -->
+
+              <button
+                mat-flat-button
+                class="bet-mat-small-8"
+                [color]="'primary'"
+              >
+                정상
+              </button>
+              <button
+                mat-flat-button
+                class="bet-mat-small-8"
+                [color]="'primary'"
+              >
+                대기
+              </button>
+              <button
+                mat-flat-button
+                class="bet-mat-small-8"
+                [color]="'primary'"
+              >
+                탈퇴
+              </button>
+              <button
+                mat-flat-button
+                class="bet-mat-small-8"
+                [color]="'primary'"
+              >
+                휴면
+              </button>
+              <button
+                mat-flat-button
+                class="bet-mat-small-8"
+                [color]="'primary'"
+              >
+                블랙
+              </button>
+              <button
+                mat-flat-button
+                class="bet-mat-small-8"
+                [color]="'primary'"
+              >
+                정지
+              </button>
+            </div>
           </div>
 
           <mat-paginator
@@ -294,35 +352,5 @@
         </div>
       </ng-template>
     </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        정상
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        대기
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        탈퇴
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        휴면
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        블랙
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        정지
-      </button>
-    </div>
   </div>
 </div>