From 5d2579fcdac673387f21802291ebdd666a7cfe03 Mon Sep 17 00:00:00 2001
From: Kira Pilot <kira@coder.com>
Date: Tue, 21 Jun 2022 09:56:08 -0400
Subject: [PATCH] fix: adjusting language and icon for feedback link (#2483)

* fix: adjusting language and icon for feedback link

* adjust classname
---
 site/src/components/Footer/Footer.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/site/src/components/Footer/Footer.tsx b/site/src/components/Footer/Footer.tsx
index 54345e52a6..cc997cc249 100644
--- a/site/src/components/Footer/Footer.tsx
+++ b/site/src/components/Footer/Footer.tsx
@@ -1,5 +1,6 @@
 import Link from "@material-ui/core/Link"
 import { makeStyles } from "@material-ui/core/styles"
+import AssistantIcon from "@material-ui/icons/Assistant"
 import * as TypesGen from "../../api/typesGenerated"
 
 export const Language = {
@@ -7,7 +8,7 @@ export const Language = {
     return `Coder ${buildInfo.version}`
   },
   copyrightText: `Copyright \u00a9 ${new Date().getFullYear()} Coder Technologies, Inc. All rights reserved.`,
-  reportBugLink: "Report an issue",
+  reportBugLink: "Report an issue or share feedback",
 }
 
 export interface FooterProps {
@@ -22,7 +23,7 @@ export const Footer: React.FC<FooterProps> = ({ buildInfo }) => {
   return (
     <div className={styles.root}>
       <Link className={styles.link} variant="caption" target="_blank" href={githubUrl}>
-        &#129714;&nbsp;{Language.reportBugLink}
+        <AssistantIcon className={styles.assistantIcon} /> {Language.reportBugLink}
       </Link>
       <div className={styles.copyRight}>{Language.copyrightText}</div>
       {buildInfo && (
@@ -54,5 +55,13 @@ const useFooterStyles = makeStyles((theme) => ({
   link: {
     color: theme.palette.text.secondary,
     fontWeight: 600,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  assistantIcon: {
+    fontSize: 12,
+    color: theme.palette.secondary.dark,
+    marginRight: theme.spacing(0.5),
   },
 }))