Status badge component

ubclaunchpad · Jul 7, 2018 · 1d365b3 · 1d365b3
1 parent d5928b6
commit 1d365b3
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/daemon/web/components/Status/Status.js b/daemon/web/components/Status/Status.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './index.sass';
+
+const Status = ({ title }) => (
+  <div className="status">
+    <span class="badge badge-pill badge-primary">{title}</span>
+  </div>
+);
+
+Status.propTypes = {
+  title: PropTypes.string,
+};
+
+export default Status;
diff --git a/daemon/web/components/Status/index.sass b/daemon/web/components/Status/index.sass
@@ -0,0 +1,13 @@
+@import '../../styles/index'
+
+.header
+    color: $grey
+    display: inline
+    margin-left: 10px;
+    font-weight: bold;  
+
+.badge-pill
+  width: 73px
+  height: 23px
+  border-radius: 11.5px
+  background-image: linear-gradient(257deg, $gradient-lightblue, $gradient-green)