display version in configure activity

monome · Apr 30, 2018 · b7d42a7 · b7d42a7
1 parent ae3a2fd
commit b7d42a7
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/app/src/configure-activity.css b/app/src/configure-activity.css
@@ -0,0 +1,19 @@
+.configure-activity {
+    background-color: #F9F9F9;
+    font-family: monospace;
+    width: 100%;
+    padding: 10px;
+    color: rgb(117, 117, 117);
+}
+
+.configure-activity > div {
+    margin-bottom: 15px;
+}
+
+.configure-about {
+    font-style: italic;
+}
+
+.configure-tbd {
+    font-style: italic;
+}
diff --git a/app/src/configure-activity.js b/app/src/configure-activity.js
@@ -1,9 +1,24 @@
 // import React, { Component } from 'react';
 import React from 'react';
+import { VERSION, COMMIT } from './version';
+
+import './configure-activity.css';
 
 const ConfigureActivity = (props) => {
+    let style = {
+        height: props.height,
+        width: props.width,
+    };
+
     return (
-        <div className="configure-activity">config</div>
+        <div className="configure-activity" style={style}>
+            <div className="configure-about">
+                <span>version: {VERSION} ({COMMIT})</span>
+            </div>
+            <div className="configure-tbd">
+                <span>tbd...</span>
+            </div>
+        </div>
     );
 };