added getter id in base model for returning firebase $key

src/app/effects/pin.ts

@@ -8,6 +8,7 @@ import * as pin from '../actions/pin';
 import { AppState } from '../reducers/index';
 import { LoginSuccessAction, LogoutAction } from '../actions/user-auth';
 import { PinDataService } from '../services/pin-data';
+import { Pin } from '../models/pin';
 
 @Injectable()
 export class PinEffects {

src/app/models/base.ts

@@ -4,4 +4,8 @@ export class Base {
   constructor(attributes?) {
     Object.assign(this, attributes);
   }
+
+  get id():string {
+    return this.$key
+  }
 }

src/app/reducers/pins.ts

@@ -22,12 +22,12 @@ export function reducer(state = initialState, action: pin.Actions): State {
   switch(action.type) {
     case pin.ActionTypes.GET_PINS_SUCESS: {
       const pins = action.payload;
-      const newPins = pins.filter(pin => !state.entities[pin.$key])
+      const newPins = pins.filter(pin => !state.entities[pin.id])
 
       const newPinIds = newPins.map(pin => pin.$key);
       const newPinEntities = newPins.reduce((entities: { [id: string]: Pin }, pin: Pin) => {
         return Object.assign(entities, {
-          [pin.$key]: pin
+          [pin.id]: pin
         });
       }, {});
 

src/app/services/pin-data.ts

@@ -15,6 +15,7 @@ export class PinDataService {
   };
 
   getPins() {
-    return this.db.list('pins').map((pins: Pin[]) => pins);
+    return this.db.list('pins')
+      .map(pins => pins.map(pin => new Pin(pin)));
   }
 }