From bc37fe1f76cd9b66cb901498b4d83bc53496239e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20=C3=85lund?= <alund@spotify.com>
Date: Mon, 9 Mar 2020 20:00:20 +0100
Subject: [PATCH] Small tweaks to the SupportButton use

---
 .../components/ExampleComponent/ExampleComponent.tsx.hbs    | 6 ++++--
 .../core/src/components/SupportButton/SupportButton.tsx     | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs b/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
index c87cbdb582..c49d7faebb 100644
--- a/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
+++ b/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
@@ -8,7 +8,7 @@ import {
   Content,
   ContentHeader,
   HeaderLabel,
-  SupportButton
+  SupportButton,
 } from '@spotify-backstage/core';
 import ExampleFetchComponent from '../ExampleFetchComponent';
 
@@ -19,7 +19,9 @@ const ExampleComponent: FC<{}> = () => (
       <HeaderLabel label="Lifecycle" value="Alpha" />
     </Header>
     <Content>
-      <ContentHeader title="Plugin title"><SupportButton></SupportButton></ContentHeader>
+      <ContentHeader title="Plugin title">
+        <SupportButton>A description of your plugin goes here.</SupportButton>
+      </ContentHeader>
       <Grid
         container
         spacing={3}
diff --git a/packages/core/src/components/SupportButton/SupportButton.tsx b/packages/core/src/components/SupportButton/SupportButton.tsx
index 68a7aea247..bac9bb6a80 100644
--- a/packages/core/src/components/SupportButton/SupportButton.tsx
+++ b/packages/core/src/components/SupportButton/SupportButton.tsx
@@ -11,6 +11,8 @@ import {
   ListItemText,
 } from '@material-ui/core';
 import GroupIcon from '@material-ui/icons/Group';
+import HelpIcon from '@material-ui/icons/Help';
+
 // import { EmailIcon, SlackIcon, SupportIcon } from 'shared/icons';
 // import { Button, Link } from 'shared/components';
 // import { StackOverflow, StackOverflowTag } from 'shared/components/layout';
@@ -61,7 +63,7 @@ const SupportButton: FC<Props> = ({
   return (
     <Fragment>
       <Button color="primary" onClick={onClickHandler}>
-        <GroupIcon className={classes.leftIcon} />
+        <HelpIcon className={classes.leftIcon} />
         Support
       </Button>
       <Popover