chore: rename FeatureBadge to FeatureStageBadge

coder · Parkreiner · Sep 20, 2024 · Sep 12, 2024 · Sep 12, 2024 · Sep 12, 2024
commit 01974669ed2c4aa00e815a1c891c00931da26b3c
diff --git a/...nts/FeatureBadge/FeatureBadge.stories.tsx → ...eStageBadge/FeatureStageBadge.stories.tsx b/...nts/FeatureBadge/FeatureBadge.stories.tsx → ...eStageBadge/FeatureStageBadge.stories.tsx
@@ -1,16 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { FeatureBadge } from "./FeatureBadge";
+import { FeatureStageBadge } from "./FeatureStageBadge";
 
-const meta: Meta<typeof FeatureBadge> = {
-	title: "components/FeatureBadge",
-	component: FeatureBadge,
+const meta: Meta<typeof FeatureStageBadge> = {
+	title: "components/FeatureStageBadge",
+	component: FeatureStageBadge,
 	args: {
 		type: "beta",
 	},
 };
 
 export default meta;
-type Story = StoryObj<typeof FeatureBadge>;
+type Story = StoryObj<typeof FeatureStageBadge>;
 
 export const SmallInteractiveBeta: Story = {
 	args: {

diff --git a/.../components/FeatureBadge/FeatureBadge.tsx → ...s/FeatureStageBadge/FeatureStageBadge.tsx b/.../components/FeatureBadge/FeatureBadge.tsx → ...s/FeatureStageBadge/FeatureStageBadge.tsx
@@ -16,7 +16,7 @@ import { docs } from "utils/docs";
  * All types of feature that we are currently supporting. Defined as record to
  * ensure that we can't accidentally make typos when writing the badge text.
  */
-const featureBadgeTypes = {
+const featureStageBadgeTypes = {
 	beta: "beta",
 	experimental: "experimental",
 } as const satisfies Record<string, ReactNode>;
@@ -84,15 +84,15 @@ const styles = {
 	},
 } as const satisfies Record<string, Interpolation<Theme>>;
 
-type FeatureBadgeProps = Readonly<
+type FeatureStageBadgeProps = Readonly<
 	Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
-		type: keyof typeof featureBadgeTypes;
+		type: keyof typeof featureStageBadgeTypes;
 		size?: "xs" | "sm" | "lg";
 		variant: "interactive" | "static";
 	}
 >;
 
-export const FeatureBadge: FC<FeatureBadgeProps> = ({
+export const FeatureStageBadge: FC<FeatureStageBadgeProps> = ({
 	type,
 	size = "sm",
 	variant = "interactive",
@@ -117,7 +117,7 @@ export const FeatureBadge: FC<FeatureBadgeProps> = ({
 		return () => window.removeEventListener("blur", onWindowBlur);
 	}, []);
 
-	const featureType = featureBadgeTypes[type];
+	const featureType = featureStageBadgeTypes[type];
 	const showBadgeHoverStyle =
 		variant === "interactive" && (isBadgeHovering || isTooltipHovering);
 

diff --git a/site/src/pages/ManagementSettingsPage/CustomRolesPage/CustomRolesPage.tsx b/site/src/pages/ManagementSettingsPage/CustomRolesPage/CustomRolesPage.tsx
@@ -5,7 +5,7 @@ import { organizationPermissions } from "api/queries/organizations";
 import { deleteOrganizationRole, organizationRoles } from "api/queries/roles";
 import type { Role } from "api/typesGenerated";
 import { DeleteDialog } from "components/Dialogs/DeleteDialog/DeleteDialog";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 import { Loader } from "components/Loader/Loader";
 import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
@@ -67,7 +67,9 @@ export const CustomRolesPage: FC = () => {
 				<SettingsHeader
 					title="Custom Roles"
 					description="Manage custom roles for this organization."
-					badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
+					badges={
+						<FeatureStageBadge type="beta" variant="interactive" size="lg" />
+					}
 				/>
 				{permissions.assignOrgRole && isCustomRolesEnabled && (
 					<Button component={RouterLink} startIcon={<AddIcon />} to="create">

diff --git a/site/src/pages/ManagementSettingsPage/GroupsPage/GroupsPage.tsx b/site/src/pages/ManagementSettingsPage/GroupsPage/GroupsPage.tsx
@@ -5,7 +5,7 @@ import { groupsByOrganization } from "api/queries/groups";
 import { organizationPermissions } from "api/queries/organizations";
 import type { Organization } from "api/typesGenerated";
 import { EmptyState } from "components/EmptyState/EmptyState";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { displayError } from "components/GlobalSnackbar/utils";
 import { Loader } from "components/Loader/Loader";
 import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
@@ -81,7 +81,9 @@ export const GroupsPage: FC = () => {
 				<SettingsHeader
 					title="Groups"
 					description="Manage groups for this organization."
-					badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
+					badges={
+						<FeatureStageBadge type="beta" variant="interactive" size="lg" />
+					}
 				/>
 				{permissions.createGroup && feats.template_rbac && (
 					<Button component={RouterLink} startIcon={<GroupAdd />} to="create">

diff --git a/site/src/pages/ManagementSettingsPage/IdpSyncPage/IdpSyncPage.tsx b/site/src/pages/ManagementSettingsPage/IdpSyncPage/IdpSyncPage.tsx
@@ -1,7 +1,7 @@
 import AddIcon from "@mui/icons-material/AddOutlined";
 import LaunchOutlined from "@mui/icons-material/LaunchOutlined";
 import Button from "@mui/material/Button";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
 import { Stack } from "components/Stack/Stack";
 import type { FC } from "react";
@@ -74,7 +74,9 @@ export const IdpSyncPage: FC = () => {
 					title="IdP Sync"
 					description="Group and role sync mappings (configured outside Coder)."
 					tooltip={<IdpSyncHelpTooltip />}
-					badges={<FeatureBadge type="beta" size="lg" variant="interactive" />}
+					badges={
+						<FeatureStageBadge type="beta" size="lg" variant="interactive" />
+					}
 				/>
 				<Stack direction="row" spacing={2}>
 					<Button

diff --git a/site/src/pages/ManagementSettingsPage/OrganizationMembersPageView.tsx b/site/src/pages/ManagementSettingsPage/OrganizationMembersPageView.tsx
@@ -17,7 +17,7 @@ import type {
 } from "api/typesGenerated";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { AvatarData } from "components/AvatarData/AvatarData";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 import {
 	MoreMenu,
@@ -63,7 +63,9 @@ export const OrganizationMembersPageView: FC<
 		<div>
 			<SettingsHeader
 				title="Members"
-				badges={<FeatureBadge type="beta" size="lg" variant="interactive" />}
+				badges={
+					<FeatureStageBadge type="beta" size="lg" variant="interactive" />
+				}
 			/>
 
 			<Stack>

diff --git a/site/src/pages/ManagementSettingsPage/OrganizationProvisionersPageView.tsx b/site/src/pages/ManagementSettingsPage/OrganizationProvisionersPageView.tsx
@@ -1,7 +1,7 @@
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import Button from "@mui/material/Button";
 import type { BuildInfoResponse, ProvisionerDaemon } from "api/typesGenerated";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
 import { Stack } from "components/Stack/Stack";
 import { ProvisionerGroup } from "modules/provisioners/ProvisionerGroup";
@@ -32,7 +32,9 @@ export const OrganizationProvisionersPageView: FC<
 			>
 				<SettingsHeader
 					title="Provisioners"
-					badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
+					badges={
+						<FeatureStageBadge type="beta" variant="interactive" size="lg" />
+					}
 				/>
 				<Button
 					endIcon={<OpenInNewIcon />}

diff --git a/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.tsx b/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.tsx
@@ -8,7 +8,7 @@ import type {
 } from "api/typesGenerated";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { DeleteDialog } from "components/Dialogs/DeleteDialog/DeleteDialog";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import {
 	FormFields,
 	FormFooter,
@@ -69,7 +69,9 @@ export const OrganizationSettingsPageView: FC<
 		<div>
 			<SettingsHeader
 				title="Settings"
-				badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
+				badges={
+					<FeatureStageBadge type="beta" variant="interactive" size="lg" />
+				}
 			/>
 
 			{Boolean(error) && !isApiValidationError(error) && (

diff --git a/site/src/pages/ManagementSettingsPage/SidebarView.tsx b/site/src/pages/ManagementSettingsPage/SidebarView.tsx
@@ -7,7 +7,7 @@ import type {
 	Experiments,
 	Organization,
 } from "api/typesGenerated";
-import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { Loader } from "components/Loader/Loader";
 import { Sidebar as BaseSidebar } from "components/Sidebar/Sidebar";
 import { Stack } from "components/Stack/Stack";
@@ -203,7 +203,7 @@ const OrganizationsSettingsNavigation: FC<
 				}}
 			>
 				<h2 css={styles.sidebarHeader}>Organizations</h2>
-				<FeatureBadge type="beta" variant="interactive" size="sm" />
+				<FeatureStageBadge type="beta" variant="interactive" size="sm" />
 			</header>
 
 			{permissions.createOrganization && (