Fix bugs (& minor refactor)

src/frontend/stores/EditorStateStore.ts

@@ -75,7 +75,8 @@ class EditorStateStore extends ReduceStore<StateRecord, KnownPayload>
                     .set('activeClip', null)
 
             case ProjectModDispatchTypes.RemoveClip: {
-                if (state.get('activeClip').id === payload.entity.targetClipId) {
+                const activeClip = state.get('activeClip')
+                if (activeClip && activeClip.id === payload.entity.targetClipId) {
                     return state.set('activeClip', null)
                 }
 

src/frontend/stores/ProjectStore.ts

@@ -94,6 +94,7 @@ class ProjectStore extends ReduceStore<StateRecord, KnownPayload>
             case ProjectModDispatchTypes.AddKeyframe: {
                 const {targetClip, propName, keyframe} = payload.entity
                 ProjectHelper.addKeyframe(project!, targetClip, propName, keyframe)
+                break
             }
 
             case ProjectModDispatchTypes.MoveClipToLayer: {

src/frontend/utils/Flux/Payload.ts

@@ -1,9 +1,3 @@
 export default class Payload<T, P> {
-    type: T
-    entity: P
-
-    constructor(type: T, entity: P) {
-        this.type = type
-        this.entity = entity
-    }
-}
+    constructor(public type: T, public entity: P) {}
+}

src/frontend/views/TimelineView/_ClipSpace.tsx

@@ -46,20 +46,8 @@ export default class ClipSpace extends React.Component<TimelaneClipSpaceProps, T
         activeClip: PropTypes.object,
     }
 
-    private _plugins: {id: string, packageName: string}[]
-
-    constructor()
-    {
-        super()
-
-        this._plugins = RendererService.pluginRegistry.getPlugins().map(entry => ({
-            id: entry.id,
-            packageName: entry.package.name
-        }))
-
-        this.state = {
-            dragovered: false,
-        }
+    public state = {
+        dragovered: false,
     }
 
     private _onDrop = (e: React.DragEvent<HTMLLIElement>) =>