mirror of
https://github.com/coder/coder.git
synced 2026-09-22 05:05:20 +08:00
chore: remove old CreateTemplateButton component (#16836)
This commit is contained in:
@@ -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 (
|
||||
|
||||
Reference in New Issue
Block a user