From 2e725e04414c2b19c051fd459d7f9b1ee1f723ba Mon Sep 17 00:00:00 2001
From: Rick Reilly <rreilly@edx.org>
Date: Fri, 7 Dec 2018 11:20:18 -0500
Subject: [PATCH] Add super simple header

---
 assets/edx-sm.png                       | Bin 0 -> 1180 bytes
 src/components/Gradebook/gradebook.scss |   6 ++----
 src/components/Gradebook/index.jsx      |   8 ++++----
 src/components/Header/index.jsx         |  22 ++++++++++++++++++++++
 src/index.jsx                           |  14 +++++++++-----
 5 files changed, 37 insertions(+), 13 deletions(-)
 create mode 100644 assets/edx-sm.png
 create mode 100644 src/components/Header/index.jsx

diff --git a/assets/edx-sm.png b/assets/edx-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1858353c1631d52e91bd03c44465effaca545d1
GIT binary patch
literal 1180
zcmV;N1Y`S&P)<h;3K|Lk000e1NJLTq003P8001ut0{{R3wna8O0003aP)t-s00000
zpyP>)j{u<JiHwemi;n=G-vFQEwk2i&pW^_Z<hLhh0HETwCT6!LX8@n!0HEWKkB_e(
zUx|#4w<Tw{Cug=LW&mrWv?XMTi;jtljsTzEii(eli;jnnkGCafwkBo(pyL3b<BE!p
z0H5OkpW?SBXSXG1ij0qni;lM?X8@q$iHwhljE(_mqq8k(b&i|0CT4;{Pylzcp(IoR
zce6!%nMZq<0HEWFjE}b_X8~%XcOWeRc(X=(nS47&rzKfvgp`3+UU@D#e<3uFB14xW
zO0y<ohax<$C18C*OoefGgJf!gU1X~zT!wgkBXgb-e6e|ml2?D10fN7iH&p>`r-*-p
zPK&6MBSwjZiF+V1eo0b<YH)}=P>elPcqcPX8elU300202QchC<?|{$0KoCH`fG|M6
zpYLFw5D?E`Am2bRpYI?r-ypAW->-0RP|uHGuYiwGkATnLP|rZWfPg^XV%-Y>00Qty
zL_t(|0qxfXmg6`OfZ+-{%*@O*J7lSuVVD{2e~NLWE=Mjq$-wgN_b5$&{G^KPhQAS?
zTevry&F%&juv88b8vGbH6ZUs@cJ_1yENMCsg#YXR*K0llW6zI{j-Fw|qiJ&V{F>Hv
z;dficcgye-n6Pj;Tw=t0OFuZthQkGLQ1SU{mb$mAqd441;CEbQuqpHdT*yT;pqLb^
zOh`{Ft2zYDRtSW+jx?acB8_6B6bMOoi7C83vkoncHN`rFbkqSN72rfJEUvrCh@n~c
zdoULP0Kd5r2_OnFZZ`s$G6z_PvJzaql?R9ncN8tMjdf+j<EtI@Z@F^x_|cX+baa~#
zU2`=a2;}hP#p&(?j8(l}QpX`A;y~0nii%m!Hsl+e?e3n)^gzsdrD(5%#~L345yo~P
zi{DE1jV}*(4G)cw8&D-p>NqMW0_!e4O7{73cUN5e09KM|TE{WR!6&j@>VZY{YFBvD
z234{|>i7}G4=vH)QkHD>D_Q>ytOmAvcT>Gi*F{Rck@Y)3RO!m#!aE*~xtoOvSj~?`
z{FDRXCcE0y6)hn68oR=ot?skdBb)C>+}WY5pY!m>`dBBrzfYaa3*Fhx^$S^l$5U(S
z<VYun{nlN*J}`U^0MW*}<wz%oy(z$jKAlJ=)qqH^>K<hhmB}32KTWZe^IR8g3xjof
zlU5FU`$<qI8N4m|K$T3J^*BA!JLDU<G(rOunZW$Zf#I5!DxfGbtZSQ|IQ;e#IGO^~
zz?nQ|tTX|X95S@9-=v-ItpUvEGO~Y5e#bb1zrL4`8TN;dx3&-&B9x7BQ=lFV;Fnh)
zc0Vzx<SlyB483@|zyEsA@N!v?MC1&Hj2C$5h;PTqBLQ*vkx}>zEbVQ52Hud5rhk{Z
zb3Tf@_^Wj&<Tw#)$j?2M{-HV=#jF>e1))}Cs*)Riu#Pfye1l$Jwq?Ja#`bWKgrBIR
uLU;*md`lI4eLsKWwkF_zHbfcL`QJByDa!q^BWf)G0000<MNUMnLSTYM$R67O

literal 0
HcmV?d00001

diff --git a/src/components/Gradebook/gradebook.scss b/src/components/Gradebook/gradebook.scss
index d71bb34..6ac6f1f 100644
--- a/src/components/Gradebook/gradebook.scss
+++ b/src/components/Gradebook/gradebook.scss
@@ -1,7 +1,8 @@
 .spinner-overlay {
-    position: absolute;
+    position: fixed;
     height: 100%;
     width: 100%;
+    top: 0;
     background-color: #999;
     opacity: 0.5;
     z-index: 99999;
@@ -28,9 +29,6 @@
     }
 }
 
-.back-link{
-    float:right;
-}
 .student-filters{
     display: flex;
     .label{
diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx
index 73a7d3b..93bf39d 100644
--- a/src/components/Gradebook/index.jsx
+++ b/src/components/Gradebook/index.jsx
@@ -223,13 +223,13 @@ export default class Gradebook extends React.Component {
     return (
       <div className="d-flex justify-content-center">
         { this.props.showSpinner && <div className="spinner-overlay"><Icon className={['fa', 'fa-spinner', 'fa-spin', 'fa-5x', 'color-black']} /></div>}
-        <div className="card gradebook-container">
-          <div className="card-body">
+        <div className="gradebook-container">
+          <div>
             <a
               href={this.lmsInstructorDashboardUrl(this.props.match.params.courseId)}
-              className="back-link"
+              className="mb-3"
             >
-              Back to Dashboard
+              {'<< Back to Dashboard'}
             </a>
             <h1>Gradebook</h1>
             <h3> {this.props.match.params.courseId}</h3>
diff --git a/src/components/Header/index.jsx b/src/components/Header/index.jsx
new file mode 100644
index 0000000..5da2b62
--- /dev/null
+++ b/src/components/Header/index.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Hyperlink } from '@edx/paragon';
+
+export default class Header extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      mobileNavOpen: false,
+    };
+  }
+
+  render() {
+    return (
+      <div className="mb-3">
+        <header className="d-flex justify-content-center align-items-center p-3 border-bottom-blue">
+          <Hyperlink content={<img src="./assets/edx-sm.png" alt="The edX logo" height="30" width="60" />} destination="https://www.edx.org" />
+          <div />
+        </header>
+      </div>
+    );
+  }
+}
diff --git a/src/index.jsx b/src/index.jsx
index 8f99768..2db2b7c 100755
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -6,17 +6,21 @@ import { Provider } from 'react-redux';
 
 import apiClient from './data/apiClient';
 import GradebookPage from './containers/GradebookPage';
+import Header from './components/Header';
 import store from './data/store';
 import './App.scss';
 
 const App = () => (
   <Provider store={store}>
     <Router>
-      <main>
-        <Switch>
-          <Route exact path="/:courseId" component={GradebookPage} />
-        </Switch>
-      </main>
+      <div>
+        <Header />
+        <main>
+          <Switch>
+            <Route exact path="/:courseId" component={GradebookPage} />
+          </Switch>
+        </main>
+      </div>
     </Router>
   </Provider>
 );