Skip to content
Snippets Groups Projects

Create test asset overlay

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