Clean up approvals body computed logic.

app/assets/javascripts/merge_request_widget/approvals/components/approvals_body.js.es6

@@ -7,8 +7,8 @@
     props: ['approvedBy', 'approvalsLeft', 'userCanApprove', 'userHasApproved', 'suggestedApprovers', 'widgetLoading'],
     computed: {
       approvalsRequiredStringified() {
-        return this.approvalsLeft === 1 ? 'one more approval' :
-          `${this.approvalsLeft} more approvals`;
+        const baseString = `${this.approvalsLeft} more approval`;
+        return this.approvalsLeft === 1 ? baseString : `${baseString}s`;
       },
       approverNamesStringified() {
         const approvers = this.suggestedApprovers;
@@ -24,7 +24,6 @@
 
           return `${nextMemo}, `;
         }, '');
-        }
       },
       showApproveButton() {
         return this.userCanApprove && !this.userHasApproved;
@@ -41,7 +40,7 @@
     template: `
       <div class='approvals-body mr-widget-body'>
         <h4> Requires {{ approvalsRequiredStringified }}
-          <span v-if='!!suggestedApprovers.length'> (from {{ approverNamesStringified }}) </span>
+          <span> (from {{ approverNamesStringified }}) </span>
         </h4>
         <div v-if='showApproveButton' class='append-bottom-10'>
           <button