/* @flow */
'use strict';
import React from 'react';
import { Link, NavLink } from 'react-router-dom';
import { TransitionGroup, CSSTransition } from 'react-transition-group';
import { DeviceSelect, DeviceDropdown } from './DeviceSelection';
import AccountSelection from './AccountSelection';
import CoinSelection from './CoinSelection';
import StickyContainer from './StickyContainer';
import { findSelectedDevice } from '../../../reducers/TrezorConnectReducer';
const TransitionMenu = (props: any) => {
return (
{ window.dispatchEvent( new Event('resize') ) } }
onExited= { () => window.dispatchEvent( new Event('resize') ) }
in={ true }
out={ true }
classNames={ props.animationType }
appear={false}
timeout={ 300 }>
{ props.children }
)
}
const Aside = (props: any): any => {
const selected = findSelectedDevice(props.connect);
const { location } = props.router;
if (location.pathname === '/' || !selected) return ();
// TODO
// if (selectedDevice.unacquired) {
// return (
//
// );
// }
let menu = null;
if (props.deviceDropdownOpened) {
menu = ;
} else if (location.params.network) {
menu = (
);
} else if (!selected.unacquired) {
menu = (
);
}
return (
{ menu }
)
}
export default Aside;