Add lock icon to permission denied UI page (mlflow#1629)

* Add lock icon * Update mlflow/server/js/src/components/PermissionDeniedView.js Co-Authored-By: Richard Zang <Zangr@users.noreply.github.com> * Lint * Lint * Fix lint * Update mlflow/server/js/src/components/PermissionDeniedView.js Co-Authored-By: Richard Zang <Zangr@users.noreply.github.com>
nlaille · Jul 19, 2019 · 08e6ad4 · 08e6ad4
1 parent 44000e0
commit 08e6ad4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/mlflow/server/js/src/components/PermissionDeniedView.js b/mlflow/server/js/src/components/PermissionDeniedView.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Colors from '../styles/Colors';
+import permissionDeniedLock from '../static/permission-denied-lock.svg';
 
 export default class PermissionDeniedView extends Component {
   static propTypes = {
@@ -11,7 +12,13 @@ export default class PermissionDeniedView extends Component {
     const defaultMessage = 'The current user does not have permission to view this page.';
     return (
       <div>
-        <h1 className="center" style={{ paddingTop: '100px' }}>
+        <img
+          className='center'
+          style={{ height: 300, marginTop: 80 }}
+          src={permissionDeniedLock}
+          alt='permission denied'
+        />
+        <h1 className="center" style={{ paddingTop: 10 }}>
           Permission Denied
         </h1>
         <h2 className="center" style={{ color: Colors.secondaryText }}>

diff --git a/mlflow/server/js/src/static/permission-denied-lock.svg b/mlflow/server/js/src/static/permission-denied-lock.svg