Skip to content
Snippets Groups Projects

Create test asset overlay

Merged Mattia Bruno Stellacci requested to merge create_test_asset_overlay into master
Files
16
+ 46
17
 
import React from 'react';
 
import { connect } from 'react-redux';
import Col from 'react-bootstrap/Col';
import Col from 'react-bootstrap/Col';
import Container from 'react-bootstrap/Container';
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Row from 'react-bootstrap/Row';
@@ -6,27 +8,54 @@ import Footer from '../components/Footer';
@@ -6,27 +8,54 @@ import Footer from '../components/Footer';
import Header from '../components/Header';
import Header from '../components/Header';
import MasonryGrid from '../features/player/MasonryGrid';
import MasonryGrid from '../features/player/MasonryGrid';
import InputBar from '../features/test-assets/InputBar';
import InputBar from '../features/test-assets/InputBar';
 
import { TestVectorModal } from '../utils/ui/Modal';
const AppContainer = styled(Container)`
const AppContainer = styled(Container)`
padding-top: 16px;
padding-top: 16px;
max-width: unset;
max-width: unset;
`;
`;
const App = () => (
function App(props) {
<AppContainer>
const { testAssets, openModal, player } = props;
<Header />
return (
<Row>
<React.Fragment>
<Col>
<TestVectorModal
<InputBar />
openModal={openModal}
</Col>
testVectors={testAssets.testVectors}
</Row>
activeTableColumnKeys={testAssets.activeColumnKeys}
<Row>
/>
<Col>
<AppContainer fluid="xl">
<MasonryGrid />
<Header />
</Col>
<Row>
</Row>
<Col>
<Footer />
<InputBar testAssets={testAssets} />
</AppContainer>
</Col>
);
</Row>
 
<Row>
 
<Col>
 
<MasonryGrid
 
sourceUrl={testAssets.activeTestVector.value}
 
debugSettings={player.debugSettings}
 
streamingSettings={player.streamingSettings}
 
/>
 
</Col>
 
</Row>
 
<Footer />
 
</AppContainer>
 
</React.Fragment>
 
);
 
}
export default App;
function mapStateToProps(state) {
 
return {
 
testAssets: state.testAssets,
 
openModal: state.ui.openModal,
 
player: state.player,
 
};
 
}
 
 
function mapDispatchToProps() {
 
return {};
 
}
 
 
export default connect(mapStateToProps, mapDispatchToProps)(App);
Loading