dev: adds helper pluralize

Author: yuriyaran

app/components/branches-row.gts

@@ -9,6 +9,7 @@ import {
   type Repository,
   type NotFoundResponse,
 } from 'dealfront/controllers/application';
+import pluralize from 'dealfront/helpers/pluralize';
 
 interface BranchRowSignature {
   // The arguments accepted by the component
@@ -73,7 +74,10 @@ export default class BranchRow extends Component<BranchRowSignature> {
       >
         <td class="df-cell" colspan="4">
           {{#if this.branches.length}}
-            <h4 class="branches-heading">{{this.branches.length}} Branches</h4>
+            <h4 class="branches-heading">
+              {{this.branches.length}}
+              {{pluralize this.branches.length "branch"}}
+            </h4>
           {{/if}}
           <p class="branches-paragraph">
             {{#if this.getRepoBranches.isRunning}}

app/helpers/pluralize.ts

@@ -0,0 +1,10 @@
+import { helper } from '@ember/component/helper';
+
+export default helper(function pluralize([number, word]: [
+  number,
+  string,
+]): string {
+  const isSingle = number.toString().endsWith('1');
+
+  return isSingle ? word : word + 'es';
+});

tests/integration/helpers/pluralize-test.gts

@@ -0,0 +1,25 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'dealfront/tests/helpers';
+import { render } from '@ember/test-helpers';
+import pluralize from 'dealfront/helpers/pluralize';
+
+module('Integration | Helper | pluralize', function (hooks) {
+  setupRenderingTest(hooks);
+
+  // TODO: Replace this with your real tests.
+  test('it renders', async function (assert) {
+    const inputValue = [
+      { number: 1, word: 'branch' },
+      { number: 12, word: 'branches' },
+      { number: 21, word: 'branch' },
+    ];
+
+    // await render(<template>{{pluralize inputValue[0] "branch"}}</template>);
+
+    for (const { number, word } of inputValue) {
+      await render(<template>{{pluralize number "branch"}}</template>);
+      assert.dom().hasText(word);
+    }
+    // assert.dom().hasText('12 branches');
+  });
+});