back to previous model

Author: pigr2

app/app.component.ts

@@ -29,12 +29,12 @@ const storeManager = provideStore({ currentSearch: SearchReducer });
             <p>{{ state | json }}</p>
         </div>
         <div class="row col-md-8">
-            <ul>
-                <li *ngFor="let result of searchResults">
+            <div *ngFor="let result of searchResults" class="thumbnail col-sm-6 col-md-4">
+                <div class="caption">
                     <h3>{{ result.title }}</h3>
-                    <img src="{{ result.thumbnailUrl }}" />
-                </li>
-            </ul>
+                </div>
+                <!--<img src="{{ result.thumbnailUrl }}" />-->
+            </div>
         </div>
     </section>
     `

app/models/search-query.model.ts

@@ -2,7 +2,7 @@ export interface SearchQuery {
     name: string;
     location?: {
         latitude: number,
-        longitude: number,
-        radius: number
-    }
+        longitude: number
+    },
+    radius: number
 }

app/reducers/search.reducer.ts

@@ -17,11 +17,8 @@ export const SearchReducer: ActionReducer<SearchQuery> = (state: SearchQuery, ac
                 }
             });
         case ProximitySelector.StoreEvents.radius:
-            //const position = Object.assign(state.location)
             return Object.assign({}, state, {
-                location: {
-                    radius: action.payload.radius
-                }
+                radius: action.payload.radius
             });
         case ProximitySelector.StoreEvents.off:
             return Object.assign({}, state, {

app/services/youtube.service.ts

@@ -26,7 +26,7 @@ export class YouTubeService {
         ];
 
         if (query.location) {
-            const radius = query.location.radius ? query.location.radius : 50;
+            const radius = query.radius ? query.radius : 50;
             const location =
                 LOCATION_TEMPLATE
                     .replace(/\{latitude\}/g, query.location.latitude.toString())