particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

src: move main component to App component

Browse source 
The Main component in the LandingPage component has been moved to the
App component. This is required so the tests can mock the store without
any insights information.
This commit is contained in:
Jacob Kozol 2020-10-19 16:54:17 +02:00
parent 404a80e59c
commit a4a6d0a501
2 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/App.js
View file

@ -2,6 +2,9 @@ import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import {
Main,
} from '@redhat-cloud-services/frontend-components';
import { Routes } from './Routes';
import './App.scss';
@ -27,7 +30,9 @@ class App extends Component {
render () {
return (
<Routes childProps={ this.props } />
<Main>
<Routes childProps={ this.props } />
</Main>
);
}
}

19
src/SmartComponents/LandingPage/LandingPage.js
View file

@ -3,7 +3,6 @@ import { withRouter } from 'react-router-dom';
import { Flex, FlexItem, FlexModifiers } from '@patternfly/react-core';
import {
Main,
PageHeader,
PageHeaderTitle
} from '@redhat-cloud-services/frontend-components';
@ -29,16 +28,14 @@ class LandingPage extends Component {
<PageHeader>
<PageHeaderTitle title='Image Builder' />
</PageHeader>
<Main>
<Flex>
<FlexItem breakpointMods={ [{ modifier: FlexModifiers.column }, { modifier: FlexModifiers['flex-1'] }] }>
<CreateImageCard />
</FlexItem>
<FlexItem breakpointMods={ [{ modifier: FlexModifiers.column }, { modifier: FlexModifiers['flex-2'] }] }>
<ImagesCard />
</FlexItem>
</Flex>
</Main>
<Flex>
<FlexItem breakpointMods={ [{ modifier: FlexModifiers.column }, { modifier: FlexModifiers['flex-1'] }] }>
<CreateImageCard />
</FlexItem>
<FlexItem breakpointMods={ [{ modifier: FlexModifiers.column }, { modifier: FlexModifiers['flex-2'] }] }>
<ImagesCard />
</FlexItem>
</Flex>
</React.Fragment>
);
}