diff --git a/app/assets/javascripts/discourse/app/components/groups-info.gjs b/app/assets/javascripts/discourse/app/components/groups-info.gjs
new file mode 100644
index 00000000000..ba50e2984f0
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/components/groups-info.gjs
@@ -0,0 +1,11 @@
+import { or } from "truth-helpers";
+
+const GroupsInfo = <template>
+  <span class="group-info-details">
+    <span class="groups-info-name">
+      {{or @group.full_name @group.displayName}}
+    </span>
+  </span>
+</template>;
+
+export default GroupsInfo;
diff --git a/app/assets/javascripts/discourse/app/components/groups-info.hbs b/app/assets/javascripts/discourse/app/components/groups-info.hbs
deleted file mode 100644
index df7f7af96cf..00000000000
--- a/app/assets/javascripts/discourse/app/components/groups-info.hbs
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#if this.showFullName}}
-  <span class="groups-info-name">{{this.group.full_name}}</span>
-{{else}}
-  <span class="groups-info-name">{{this.group.displayName}}</span>
-{{/if}}
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/app/components/groups-info.js b/app/assets/javascripts/discourse/app/components/groups-info.js
deleted file mode 100644
index f7ff39a99fc..00000000000
--- a/app/assets/javascripts/discourse/app/components/groups-info.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import Component from "@ember/component";
-import discourseComputed from "discourse-common/utils/decorators";
-
-export default Component.extend({
-  tagName: "span",
-  classNames: ["group-info-details"],
-
-  @discourseComputed("group.full_name")
-  showFullName(fullName) {
-    return fullName && fullName.length;
-  },
-});