fix: instance returned by gathering search causing strange results

Supamiu · Mar 21, 2018 · b025547 · b025547
1 parent 4d42c48
commit b025547
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/src/app/pages/gathering-location/gathering-location/gathering-location.component.html b/src/app/pages/gathering-location/gathering-location/gathering-location.component.html
@@ -25,7 +25,10 @@
                 <div class="timed" *ngIf="node.timed">
                     <mat-icon>access_alarm</mat-icon>
                     <div class="spawns">
-                        <span *ngFor="let spawn of getSpawns(node)">{{spawn}}</span>
+                        <span *ngFor="let spawn of getSpawns(node); let first = first">
+                            <span *ngIf="!first"> / </span>
+                            {{spawn}}
+                        </span>
                     </div>
                 </div>
                 <div class="spacer" *ngIf="!node.timed"></div>

diff --git a/src/app/pages/gathering-location/gathering-location/gathering-location.component.scss b/src/app/pages/gathering-location/gathering-location/gathering-location.component.scss
@@ -33,12 +33,10 @@ mat-card {
     display: flex;
     flex-direction: row;
     align-items: center;
+    margin: 5px 0;
     .spawns {
         flex: 1 1 auto;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
+        text-align: center;
         .spawn-row {
             margin: 2px 0;
         }

diff --git a/src/app/pages/gathering-location/gathering-location/gathering-location.component.ts b/src/app/pages/gathering-location/gathering-location/gathering-location.component.ts
@@ -34,7 +34,9 @@ export class GatheringLocationComponent implements OnInit {
             .mergeMap(name => this.dataService.searchGathering(name))
             .map(items => {
                 return items
-                // First of all, add node informations
+                    //  Only use item results
+                    .filter(item => item.type === 'item')
+                    // First of all, add node informations
                     .map(item => {
                         item.nodes = Object.keys(nodePositions)
                             .map(key => {