Commit 22a25040 authored by Keith Charlene Tan Esmena's avatar Keith Charlene Tan Esmena
Browse files

(#1) Made Issue and IssueBox

parent cc9c4877
......@@ -36,3 +36,8 @@
transform: rotate(360deg);
}
}
#issueBox {
width: 80vw;
margin: auto;
}
import React from "react";
import logo from "./logo.svg";
import "./App.css";
import Issue from "./components/Issue";
import IssueView from "./components/IssueView";
function App() {
return (
......@@ -8,10 +10,13 @@ function App() {
<header className="App-header">
<h1>Gitlab statistikk</h1>
</header>
<section>
<h3>Issues</h3>
<p>Legg inn det under her :)</p>
</section>
<h3>Issues</h3>
<IssueView>
<Issue title="KC" />
<Issue title="Anniken" />
<Issue title="Live" />
<Issue title="Janicke" />
</IssueView>
<section>
<h3>Commits</h3>
<p>Legg inn det under her :)</p>
......
import React, { Component } from "react";
class Issue extends React.Component<{ title: string }> {
render() {
return (
<div className="panel panel-default">
<div className="panel-heading">{this.props.title}</div>
<div className="panel-body">Panel Content</div>
</div>
);
}
}
export default Issue;
import React, { Component } from "react";
class IssueView extends React.Component<{}> {
render() {
return (
<>
<head>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<div id="issueBox">{this.props.children}</div>
</>
);
}
}
export default IssueView;
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment