🚧 certif: use PixTable on team list

1024pix · Feb 26, 2025 · 383c7ef · 383c7ef
1 parent 80a4d7e
commit 383c7ef
Show file tree

Hide file tree

Showing 6 changed files with 232 additions and 216 deletions.
diff --git a/certif/app/components/members-list-item.hbs b/certif/app/components/members-list-item.hbs
diff --git a/certif/app/components/members-list-item.js b/certif/app/components/members-list-item.js
diff --git a/certif/app/components/members-list.hbs b/certif/app/components/members-list.hbs
@@ -1,33 +1,11 @@
 <div role="tabpanel">
   <div class="panel">
-    <div class="table content-text--small">
-      <table>
-        <thead>
-          <tr>
-            <Table::Header>{{t "common.labels.candidate.lastname"}}</Table::Header>
-            <Table::Header>{{t "common.labels.candidate.firstname"}}</Table::Header>
-            <Table::Header>{{t "common.labels.candidate.role"}}</Table::Header>
-            {{#if this.shouldDisplayManagingColumn}}
-              <Table::Header>{{t "pages.team.table-headers.actions"}}</Table::Header>
-            {{/if}}
-            {{#if this.shouldDisplayRefererColumn}}
-              <Table::Header>{{t "pages.team.referer"}}</Table::Header>
-            {{/if}}
-          </tr>
-        </thead>
-        <tbody>
-          {{#each @members as |member|}}
-            <MembersListItem
-              @member={{member}}
-              @shouldDisplayRefererColumn={{this.shouldDisplayRefererColumn}}
-              @isMultipleAdminsAvailable={{this.isMultipleAdminsAvailable}}
-              @onLeaveCertificationCenterButtonClicked={{this.openLeaveCertificationCenterModal}}
-              @onRemoveMemberButtonClicked={{this.openRemoveMemberModal}}
-            />
-          {{/each}}
-        </tbody>
-      </table>
-    </div>
+    <MembersTable
+      @members={{@members}}
+      @shouldDisplayRefererColumn={{this.shouldDisplayRefererColumn}}
+      @onLeaveCertificationCenterButtonClicked={{this.openLeaveCertificationCenterModal}}
+      @onRemoveMemberButtonClicked={{this.openRemoveMemberModal}}
+    />
   </div>
 </div>
 

diff --git a/certif/app/components/members-list.js b/certif/app/components/members-list.js
@@ -21,11 +21,6 @@ export default class MembersList extends Component {
     return this.currentUser.isAdminOfCurrentCertificationCenter;
   }
 
-  get isMultipleAdminsAvailable() {
-    const adminMembers = this.args.members?.filter((member) => member.isAdmin);
-    return adminMembers.length > 1;
-  }
-
   @action
   openLeaveCertificationCenterModal() {
     this.isLeaveCertificationCenterModalOpen = true;