Support multiple genome align display

frontend/src/components/trackContainers/TrackDataManager.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import _ from 'lodash';
 
-import { AlignmentPromises } from './TrackViewManager';
 import { getTrackConfig } from '../trackConfig/getTrackConfig';
 import DataSource from '../../dataSources/DataSource';
 
@@ -10,8 +9,7 @@ import { TrackModel } from '../../model/TrackModel';
 import NavigationContext from '../../model/NavigationContext';
 import { GuaranteeMap } from '../../model/GuaranteeMap';
 import { ViewExpansion } from '../../model/RegionExpander';
-import { Alignment } from '../../model/alignment/AlignmentViewCalculator';
-
+import { Alignment, MultiAlignment } from '../../model/alignment/MultiAlignmentViewCalculator';
 interface TrackDataMap {
     [id: number]: TrackData
 }
@@ -21,7 +19,7 @@ interface DataManagerProps {
     tracks: TrackModel[]; // Tracks
     viewRegion: DisplayedRegionModel; // Region that the user requested
     basesPerPixel: number;
-    alignments: AlignmentPromises;
+    alignments: MultiAlignment;
     primaryViewPromise: Promise<ViewExpansion>;
 }
 
@@ -135,7 +133,8 @@ export function withTrackData(WrappedComponent: React.ComponentType<{ trackData:
                     const primaryView = await this.props.primaryViewPromise;
                     visRegion = primaryView.visRegion;
                 } else {
-                    alignment = await this.props.alignments[genome];
+                    const alignments = await this.props.alignments;
+                    alignment = alignments[genome];
                     visRegion = alignment.queryRegion;
                 }