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

update style across the project

Browse source 
The eslint updates require style changes in all components.
This commit is contained in:
Jacob Kozol 2022-05-23 11:38:16 +02:00 • committed by Sanne Raymaekers
parent 7959f2a563
commit 4fa71cede8
56 changed files with 5973 additions and 5177 deletions
Download patch file Download diff file Expand all files Collapse all files

98
src/Components/LandingPage/LandingPage.js
View file

@ -2,7 +2,11 @@
import React, { Component } from 'react';
import { PageHeader, PageHeaderTitle } from '@redhat-cloud-services/frontend-components';
// eslint-disable-next-line rulesdir/disallow-fec-relative-imports
import {
PageHeader,
PageHeaderTitle,
} from '@redhat-cloud-services/frontend-components';
import { Button, Popover, TextContent, Text } from '@patternfly/react-core';
import { GithubIcon, HelpIcon } from '@patternfly/react-icons';
@ -12,49 +16,57 @@ import './LandingPage.scss';
import DocumentationButton from '../sharedComponents/DocumentationButton';
class LandingPage extends Component {
constructor(props) {
super(props);
}
constructor(props) {
super(props);
}
render() {
return (
<React.Fragment>
<PageHeader>
<PageHeaderTitle className="title" title="Image Builder" />
<Popover
headerContent={ 'About Image Builder' }
bodyContent={ <TextContent>
<Text>
Image Builder is a service that allows you to create RHEL images
and push them to cloud environments.
</Text>
<DocumentationButton />
<br />
<Button
component="a"
target="_blank"
variant="link"
icon={ <GithubIcon /> }
iconPosition="right"
isInline
href={ 'https://github.com/RedHatInsights/image-builder-frontend/tree/' + COMMITHASH }>
Contribute on GitHub
</Button>
</TextContent> }>
<Button
variant="plain"
aria-label="About image builder"
className="pf-u-pl-sm">
<HelpIcon />
</Button>
</Popover>
</PageHeader>
<section className="pf-l-page__main-section pf-c-page__main-section">
<ImagesTable />
</section>
</React.Fragment>
);
}
render() {
return (
<React.Fragment>
<PageHeader>
<PageHeaderTitle className="title" title="Image Builder" />
<Popover
headerContent={'About Image Builder'}
bodyContent={
<TextContent>
<Text>
Image Builder is a service that allows you to create RHEL
images and push them to cloud environments.
</Text>
<DocumentationButton />
<br />
<Button
component="a"
target="_blank"
variant="link"
icon={<GithubIcon />}
iconPosition="right"
isInline
href={
'https://github.com/RedHatInsights/image-builder-frontend/tree/' +
COMMITHASH
}
>
Contribute on GitHub
</Button>
</TextContent>
}
>
<Button
variant="plain"
aria-label="About image builder"
className="pf-u-pl-sm"
>
<HelpIcon />
</Button>
</Popover>
</PageHeader>
<section className="pf-l-page__main-section pf-c-page__main-section">
<ImagesTable />
</section>
</React.Fragment>
);
}
}
export default LandingPage;