From 51ceba636bc2f9a1b12160d2817625cfc9f6a51d Mon Sep 17 00:00:00 2001
From: McKayla Washburn <mckayla@hey.com>
Date: Thu, 6 Mar 2025 22:49:50 +0000
Subject: [PATCH] chore: get rid of old `CreateTemplateButton` component

---
 .../CreateTemplateButton.stories.tsx          | 22 ---------
 .../TemplatesPage/CreateTemplateButton.tsx    | 48 -------------------
 .../pages/TemplatesPage/TemplatesPageView.tsx |  7 +--
 3 files changed, 1 insertion(+), 76 deletions(-)
 delete mode 100644 site/src/pages/TemplatesPage/CreateTemplateButton.stories.tsx
 delete mode 100644 site/src/pages/TemplatesPage/CreateTemplateButton.tsx

diff --git a/site/src/pages/TemplatesPage/CreateTemplateButton.stories.tsx b/site/src/pages/TemplatesPage/CreateTemplateButton.stories.tsx
deleted file mode 100644
index e6146d48162f9..0000000000000
--- a/site/src/pages/TemplatesPage/CreateTemplateButton.stories.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { screen, userEvent } from "@storybook/test";
-import { CreateTemplateButton } from "./CreateTemplateButton";
-
-const meta: Meta<typeof CreateTemplateButton> = {
-	title: "pages/TemplatesPage/CreateTemplateButton",
-	component: CreateTemplateButton,
-};
-
-export default meta;
-type Story = StoryObj<typeof CreateTemplateButton>;
-
-export const Close: Story = {};
-
-export const Open: Story = {
-	play: async ({ step }) => {
-		const user = userEvent.setup();
-		await step("click on trigger", async () => {
-			await user.click(screen.getByRole("button"));
-		});
-	},
-};
diff --git a/site/src/pages/TemplatesPage/CreateTemplateButton.tsx b/site/src/pages/TemplatesPage/CreateTemplateButton.tsx
deleted file mode 100644
index 5f0839973746b..0000000000000
--- a/site/src/pages/TemplatesPage/CreateTemplateButton.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import Inventory2 from "@mui/icons-material/Inventory2";
-import UploadOutlined from "@mui/icons-material/UploadOutlined";
-import { Button } from "components/Button/Button";
-import {
-	MoreMenu,
-	MoreMenuContent,
-	MoreMenuItem,
-	MoreMenuTrigger,
-} from "components/MoreMenu/MoreMenu";
-import { PlusIcon } from "lucide-react";
-import type { FC } from "react";
-
-type CreateTemplateButtonProps = {
-	onNavigate: (path: string) => void;
-};
-
-export const CreateTemplateButton: FC<CreateTemplateButtonProps> = ({
-	onNavigate,
-}) => {
-	return (
-		<MoreMenu>
-			<MoreMenuTrigger>
-				<Button>
-					<PlusIcon />
-					Create template
-				</Button>
-			</MoreMenuTrigger>
-			<MoreMenuContent>
-				<MoreMenuItem
-					onClick={() => {
-						onNavigate("/templates/new");
-					}}
-				>
-					<UploadOutlined />
-					Upload template
-				</MoreMenuItem>
-				<MoreMenuItem
-					onClick={() => {
-						onNavigate("/starter-templates");
-					}}
-				>
-					<Inventory2 />
-					Choose a starter template
-				</MoreMenuItem>
-			</MoreMenuContent>
-		</MoreMenu>
-	);
-};
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
index aa4276f8df472..3d51570f9fd5f 100644
--- a/site/src/pages/TemplatesPage/TemplatesPageView.tsx
+++ b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
@@ -48,7 +48,6 @@ import {
 	formatTemplateActiveDevelopers,
 	formatTemplateBuildTime,
 } from "utils/templates";
-import { CreateTemplateButton } from "./CreateTemplateButton";
 import { EmptyTemplates } from "./EmptyTemplates";
 import { TemplatesFilter } from "./TemplatesFilter";
 
@@ -95,7 +94,6 @@ const TemplateRow: FC<TemplateRowProps> = ({ showOrganizations, template }) => {
 	const templatePageLink = getLink(
 		linkToTemplate(template.organization_name, template.name),
 	);
-	const hasIcon = template.icon && template.icon !== "";
 	const navigate = useNavigate();
 
 	const { css: clickableCss, ...clickableRow } = useClickableTableRow({
@@ -193,17 +191,14 @@ export const TemplatesPageView: FC<TemplatesPageViewProps> = ({
 }) => {
 	const isLoading = !templates;
 	const isEmpty = templates && templates.length === 0;
-	const navigate = useNavigate();
 
-	const createTemplateAction = showOrganizations ? (
+	const createTemplateAction = (
 		<Button asChild size="lg">
 			<Link to="/starter-templates">
 				<PlusIcon />
 				New template
 			</Link>
 		</Button>
-	) : (
-		<CreateTemplateButton onNavigate={navigate} />
 	);
 
 	return (