javascript - mvc を使用して値に応じてアイコンの色を変更する

Question

Javascript mvc フェイク ジム アプリの一部のコードに問題があります。for ループ内の値に応じてアイコンの色を変更したいのですが、色が変わりません。for ループの外側ではアイコンが変化しますが、for ループ内の値ごとにアイコンの色が変化するようにコードを配置する方法を知っている人はいますか?

    ///Model
{
getTrend(id, weight) {
    const memberassessment = this.getMemberlist(id);
    const assess = memberassessment.assessments;

    for (let i = 0; i < assess.length; i++) {

        if (memberassessment.startingWeight > assess[assess.length - 1].weight) {
            const color = "green";
            return color;
        } else {
            const color = "red";
            return color;
        }

    }

},


///controller
index(request, response) {
    const memberlistId = request.params.id;
    const loggedInUser = accounts.getCurrentUser(request);

    const viewData = {
      title: 'Memberlist',
      memberlist: memberStore.getMemberlist(loggedInUser.id),
      bmi: memberStore.getBmi(loggedInUser.id),
      weightClass: memberStore.getWeightClass(loggedInUser.id),
      idealBodyWeight: memberStore.isIdealBodyWeight(loggedInUser.id),
      getTrend: memberStore.getTrend( loggedInUser.id, loggedInUser.weight),

    };
   // logger.info("BMI" + bmi);
    response.render('memberlist', viewData);
  },

///view
<tbody>
      {{#each memberlist.assessments}}
    <tr>
      <td></td>
      <td>{{weight}}
      </td>
      <td> {{chest}}   
      </td>
      <td> {{thigh}}
      </td>
      <td> {{upperArm}}
      </td>
      <td> {{waist}}
      </td>
      <td> {{hips}}
      </td>
      <td>     
        <a class="ui {{getTrend}} tag label"></a>
      </td>
      <td>
          <a href="/memberlist/{{../memberlist.id}}/deleteassessment/{{id}}" class="ui tiny red button">Delete
          <i class="icon trash"></i></a>
        </td>  
      <td> </td>    
</tr>
   {{/each}}   

  </tbody>

i want the icon to turn green or red using string