import Component from '@ember/component';
import { computed } from '@ember/object';
import { setDiff } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import { isNone } from '@ember/utils';

export default class TrackingTables extends Component {
  tagName = '';

  @service account;

  tracks = null;
  friends = null;

  @computed('tracks.[]', 'friends.[]', 'account.user.id')
  get friendsTracks() {
    let self = this.get('account.user.id');
    if (isNone(self)) {
      return [];
    }

    let friends = this.friends;

    return this.tracks.filter(track => track.pilot.id === self || friends.includes(track.pilot.id));
  }

  @setDiff('tracks', 'friendsTracks') othersTracks;
}

@@ -1,46 +1,4 @@
-import Component from '@ember/component';%0A
 impo
@@ -175,16 +175,60 @@
 /utils';
+%0Aimport Component from '@glimmer/component';
 %0A%0Aexport
@@ -281,25 +281,8 @@
 t %7B%0A
-  tagName = '';%0A%0A
   @s
@@ -347,16 +347,22 @@
 mputed('
+args.%7B
 tracks.%5B
@@ -362,20 +362,17 @@
 racks.%5B%5D
-', '
+,
 friends.
@@ -373,16 +373,17 @@
 iends.%5B%5D
+%7D
 ', 'acco
@@ -444,13 +444,8 @@
 his.
-get('
 acco
@@ -452,21 +452,20 @@
 unt.user
+?
 .id
-')
 ;%0A    if
@@ -529,16 +529,21 @@
  = this.
+args.
 friends;
@@ -560,16 +560,21 @@
 rn this.
+args.
 tracks.f
@@ -667,16 +667,21 @@
 etDiff('
+args.
 tracks',

Convert to Glimmer component