From 35f748e0fb43a93e762fd2a2d63ec9e2c7ad7d43 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Sun, 4 Oct 2020 18:29:46 -0400
Subject: [PATCH] Use logo on signup page

---
 ui/src/layout/Login.js | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/ui/src/layout/Login.js b/ui/src/layout/Login.js
index 0e2aae6f5..33c6ba697 100644
--- a/ui/src/layout/Login.js
+++ b/ui/src/layout/Login.js
@@ -1,10 +1,7 @@
 import React, { useState, useCallback } from 'react'
 import PropTypes from 'prop-types'
 import { Field, Form } from 'react-final-form'
-
 import { useDispatch } from 'react-redux'
-
-import Avatar from '@material-ui/core/Avatar'
 import Button from '@material-ui/core/Button'
 import Card from '@material-ui/core/Card'
 import CardActions from '@material-ui/core/CardActions'
@@ -12,7 +9,6 @@ import CircularProgress from '@material-ui/core/CircularProgress'
 import TextField from '@material-ui/core/TextField'
 import { createMuiTheme, makeStyles } from '@material-ui/core/styles'
 import { ThemeProvider } from '@material-ui/styles'
-import LockIcon from '@material-ui/icons/Lock'
 import Logo from '../icons/android-icon-72x72.png'
 
 import { Notification, useLogin, useNotify, useTranslate } from 'react-admin'
@@ -169,9 +165,7 @@ const FormSignUp = ({ loading, handleSubmit, validate }) => {
           <div className={classes.main}>
             <Card className={classes.card}>
               <div className={classes.avatar}>
-                <Avatar className={classes.icon}>
-                  <LockIcon />
-                </Avatar>
+                <img src={Logo} className={classes.icon} alt={'logo'} />
               </div>
               <div className={classes.welcome}>
                 {translate('ra.auth.welcome1')}