diff --git a/orga/app/components/organization-learner/activity/participation-row.gjs b/orga/app/components/organization-learner/activity/participation-row.gjs
new file mode 100644
index 00000000000..8bb92ec35a3
--- /dev/null
+++ b/orga/app/components/organization-learner/activity/participation-row.gjs
@@ -0,0 +1,67 @@
+import { array } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { LinkTo } from '@ember/routing';
+import { service } from '@ember/service';
+import Component from '@glimmer/component';
+import { t } from 'ember-intl';
+
+import CampaignType from '../../campaign/detail/type';
+import Date from '../../ui/date';
+import ParticipationStatus from '../../ui/participation-status';
+
+export default class ParticipationRow extends Component {
+  @service router;
+
+  get routeName() {
+    return this.args.participation.campaignType === 'ASSESSMENT'
+      ? 'authenticated.campaigns.participant-assessment'
+      : 'authenticated.campaigns.participant-profile';
+  }
+
+  get labels() {
+    return {
+      ASSESSMENT: 'components.campaign.type.information.ASSESSMENT',
+      PROFILES_COLLECTION: 'components.campaign.type.information.PROFILES_COLLECTION',
+    };
+  }
+
+  @action
+  goToParticipationDetail(event) {
+    event.preventDefault();
+    this.router.transitionTo(
+      this.routeName,
+      this.args.participation.campaignId,
+      this.args.participation.lastCampaignParticipationId,
+    );
+  }
+
+  <template>
+    <tr
+      aria-label={{t "pages.organization-learner.activity.participation-list.table.row-title"}}
+      {{on "click" this.goToParticipationDetail}}
+      class="tr--clickable"
+    >
+      <td class="ellipsis">
+        <LinkTo @route={{this.routeName}} @models={{array @participation.campaignId @participation.id}}>
+          {{@participation.campaignName}}
+        </LinkTo>
+      </td>
+      <td class="ellipsis">
+        <CampaignType @labels={{this.labels}} @campaignType={{@participation.campaignType}} />
+      </td>
+      <td class="table__column--left">
+        <Date @date={{@participation.createdAt}} />
+      </td>
+      <td class="table__column--left">
+        <Date @date={{@participation.sharedAt}} />
+      </td>
+      <td class="table__column--left">
+        <ParticipationStatus @status={{@participation.status}} @campaignType={{@participation.campaignType}} />
+      </td>
+      <td class="table__column--left">
+        {{@participation.participationCount}}
+      </td>
+    </tr>
+  </template>
+}
diff --git a/orga/app/components/organization-learner/activity/participation-row.hbs b/orga/app/components/organization-learner/activity/participation-row.hbs
deleted file mode 100644
index 026610a59b1..00000000000
--- a/orga/app/components/organization-learner/activity/participation-row.hbs
+++ /dev/null
@@ -1,26 +0,0 @@
-<tr
-  aria-label={{t "pages.organization-learner.activity.participation-list.table.row-title"}}
-  {{on "click" this.goToParticipationDetail}}
-  class="tr--clickable"
->
-  <td class="ellipsis">
-    <LinkTo @route={{this.routeName}} @models={{array @participation.campaignId @participation.id}}>
-      {{@participation.campaignName}}
-    </LinkTo>
-  </td>
-  <td class="ellipsis">
-    <Campaign::Detail::Type @labels={{this.labels}} @campaignType={{@participation.campaignType}} />
-  </td>
-  <td class="table__column--left">
-    <Ui::Date @date={{@participation.createdAt}} />
-  </td>
-  <td class="table__column--left">
-    <Ui::Date @date={{@participation.sharedAt}} />
-  </td>
-  <td class="table__column--left">
-    <Ui::ParticipationStatus @status={{@participation.status}} @campaignType={{@participation.campaignType}} />
-  </td>
-  <td class="table__column--left">
-    {{@participation.participationCount}}
-  </td>
-</tr>
\ No newline at end of file
diff --git a/orga/app/components/organization-learner/activity/participation-row.js b/orga/app/components/organization-learner/activity/participation-row.js
deleted file mode 100644
index 24239c16a62..00000000000
--- a/orga/app/components/organization-learner/activity/participation-row.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { action } from '@ember/object';
-import { service } from '@ember/service';
-import Component from '@glimmer/component';
-
-export default class ParticipationRow extends Component {
-  @service router;
-
-  get routeName() {
-    return this.args.participation.campaignType === 'ASSESSMENT'
-      ? 'authenticated.campaigns.participant-assessment'
-      : 'authenticated.campaigns.participant-profile';
-  }
-
-  get labels() {
-    return {
-      ASSESSMENT: 'components.campaign.type.information.ASSESSMENT',
-      PROFILES_COLLECTION: 'components.campaign.type.information.PROFILES_COLLECTION',
-    };
-  }
-
-  @action
-  goToParticipationDetail(event) {
-    event.preventDefault();
-    this.router.transitionTo(
-      this.routeName,
-      this.args.participation.campaignId,
-      this.args.participation.lastCampaignParticipationId,
-    );
-  }
-}