chore: add Star the Repo to support links (#13924)

kylecarbs · web-flow · commit 3e1fae7d3d71 · 2024-07-17T15:39:03.000-04:00
diff --git a/coderd/appearance/appearance.go b/coderd/appearance/appearance.go
@@ -26,6 +26,11 @@ var DefaultSupportLinks = []codersdk.LinkConfig{
 		Target: "https://coder.com/chat?utm_source=coder&utm_medium=coder&utm_campaign=server-footer",
 		Icon:   "chat",
 	},
+	{
+		Name:   "Star the Repo",
+		Target: "https://github.com/coder/coder",
+		Icon:   "star",
+	},
 }
 
 type AGPLFetcher struct{}
diff --git a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.stories.tsx b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.stories.tsx
@@ -14,6 +14,7 @@ const meta: Meta<typeof UserDropdown> = {
       { icon: "docs", name: "Documentation", target: "" },
       { icon: "bug", name: "Report a bug", target: "" },
       { icon: "chat", name: "Join the Coder Discord", target: "" },
+      { icon: "star", name: "Star the Repo", target: "" },
       { icon: "/icon/aws.svg", name: "Amazon Web Services", target: "" },
     ],
   },
diff --git a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdownContent.tsx b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdownContent.tsx
@@ -12,6 +12,7 @@ import LaunchIcon from "@mui/icons-material/LaunchOutlined";
 import DocsIcon from "@mui/icons-material/MenuBook";
 import Divider from "@mui/material/Divider";
 import MenuItem from "@mui/material/MenuItem";
+import type { SvgIconProps } from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import type { FC } from "react";
 import { Link } from "react-router-dom";
@@ -54,6 +55,8 @@ export const UserDropdownContent: FC<UserDropdownContentProps> = ({
         return <ChatIcon css={styles.menuItemIcon} />;
       case "docs":
         return <DocsIcon css={styles.menuItemIcon} />;
+      case "star":
+        return <GithubStar css={styles.menuItemIcon} />;
       default:
         return (
           <ExternalImage
@@ -159,6 +162,21 @@ export const UserDropdownContent: FC<UserDropdownContentProps> = ({
   );
 };
 
+export const GithubStar: FC<SvgIconProps> = (props) => (
+  <svg
+    aria-hidden="true"
+    height="16"
+    viewBox="0 0 16 16"
+    version="1.1"
+    width="16"
+    data-view-component="true"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"></path>
+  </svg>
+);
+
 const includeBuildInfo = (
   href: string,
   buildInfo?: TypesGen.BuildInfoResponse,
