chore: remove old CreateTemplateButton component (#16836)

This commit is contained in:
ケイラ
2025-03-07 10:22:11 -07:00
committed by GitHub
parent 61246bc48e
commit 26832cba93
3 changed files with 1 additions and 76 deletions
@@ -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"));
});
},
};
@@ -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>
);
};
@@ -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 (