From 4fc1d440e37710d96549f17eb632dc05bc167cbc Mon Sep 17 00:00:00 2001
From: Michael Varrieur <mvarrieur@users.noreply.github.com>
Date: Wed, 28 Oct 2020 09:08:20 -0400
Subject: [PATCH] Add settings button to sidebar (#3135)

* Add settings button to UI

* Add changeset

* Fix prettier issues

* Remove user SidebarItem

* Fix tsc error
---
 .changeset/nice-candles-argue.md                  |  5 +++++
 plugins/user-settings/src/components/Settings.tsx | 10 +++-------
 2 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/nice-candles-argue.md

diff --git a/.changeset/nice-candles-argue.md b/.changeset/nice-candles-argue.md
new file mode 100644
index 0000000000..971000410a
--- /dev/null
+++ b/.changeset/nice-candles-argue.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-user-settings': minor
+---
+
+Add settings button to sidebar
diff --git a/plugins/user-settings/src/components/Settings.tsx b/plugins/user-settings/src/components/Settings.tsx
index f754f1e7c3..25559299a8 100644
--- a/plugins/user-settings/src/components/Settings.tsx
+++ b/plugins/user-settings/src/components/Settings.tsx
@@ -16,19 +16,15 @@
 
 import React from 'react';
 import { SidebarItem } from '@backstage/core';
-import { SignInAvatar } from './General';
-import { useUserProfile } from './useUserProfileInfo';
+import SettingsIcon from '@material-ui/icons/Settings';
 import { settingsRouteRef } from '../plugin';
 
 export const Settings = () => {
-  const { displayName } = useUserProfile();
-  const SidebarAvatar = () => <SignInAvatar />;
-
   return (
     <SidebarItem
-      text={displayName}
+      text="Settings"
       to={settingsRouteRef.path}
-      icon={SidebarAvatar}
+      icon={SettingsIcon}
     />
   );
 };