36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { render } from 'react-dom';
|
|
|
|
import { ExtensionPoint } from '@jenkins-cd/js-extensions';
|
|
|
|
/**
|
|
* Root Blue Ocean UI component
|
|
*/
|
|
class App extends Component {
|
|
render() {
|
|
return (
|
|
<div id="outer">
|
|
<header>
|
|
<span className="jenkins-logo" />
|
|
<nav>
|
|
<div className="nav-link"><a href="/">Home</a></div>
|
|
<ExtensionPoint name="jenkins.topNavigation.menu" />
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<div className="label-warning">
|
|
This is a label warning styled using the Jenkins Design Language (using CSS class <span className="label-info">label-warning</span>)
|
|
</div>
|
|
|
|
<ExtensionPoint name="jenkins.main.body" />
|
|
</main>
|
|
<footer>
|
|
<p>This is a footer. I'm sure you'll agree.</p>
|
|
</footer>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
render(<App />, document.getElementById('blueocean-root'));
|