Extract the <TopicAssignments /> component

assets/javascripts/discourse/components/modal/edit-topic-assignments.hbs

@@ -1,19 +1,7 @@
 <DModal class="assign" @title={{this.title}} @closeModal={{@closeModal}}>
   <:body>
-    <div class="control-group">
-      <label>{{i18n "discourse_assign.assign_modal.assignment_label"}}</label>
-      <ComboBox
-        @value={{this.selectedTargetId}}
-        @content={{this.assignments}}
-        @onChange={{this.synchronizeAssignee}}
-      />
-    </div>
-    <Assignment
-      @assignment={{this.topicAssignment}}
-      @onSubmit={{this.submit}}
-      @showValidationErrors={{false}} />
+    <TopicAssignments />
   </:body>
-
   <:footer>
     <DButton
       class="btn-primary"

assets/javascripts/discourse/components/topic-assignments.hbs

@@ -0,0 +1,12 @@
+<div class="control-group">
+  <label>{{i18n "discourse_assign.assign_modal.assignment_label"}}</label>
+  <ComboBox
+    @value={{this.selectedTargetId}}
+    @content={{@assignments}}
+    @onChange={{this.synchronizeAssignee}}
+  />
+</div>
+<Assignment
+  @assignment={{this.topicAssignment}}
+  @onSubmit={{this.submit}}
+  @showValidationErrors={{false}} />

assets/javascripts/discourse/components/topic-assignments.js

@@ -0,0 +1,8 @@
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
+
+export default class TopicAssignments extends Component {
+
+}