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 • committed by Sanne Raymaekers
parent 404a80e59c
commit 1d46f5a618
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>
);
}