Skip to content

Commit 0197466

Browse files
ParkreinerParkreiner
committed
chore: rename FeatureBadge to FeatureStageBadge
1 parent 9647fc6 commit 0197466

File tree

9 files changed

+36
-24
lines changed

9 files changed

+36
-24
lines changed

‎site/src/components/FeatureBadge/FeatureBadge.stories.tsx renamed to ‎site/src/components/FeatureStageBadge/FeatureStageBadge.stories.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
import type { Meta, StoryObj } from "@storybook/react";
2-
import { FeatureBadge } from "./FeatureBadge";
2+
import { FeatureStageBadge } from "./FeatureStageBadge";
33

4-
const meta: Meta<typeof FeatureBadge> = {
5-
title: "components/FeatureBadge",
6-
component: FeatureBadge,
4+
const meta: Meta<typeof FeatureStageBadge> = {
5+
title: "components/FeatureStageBadge",
6+
component: FeatureStageBadge,
77
args: {
88
type: "beta",
99
},
1010
};
1111

1212
export default meta;
13-
type Story = StoryObj<typeof FeatureBadge>;
13+
type Story = StoryObj<typeof FeatureStageBadge>;
1414

1515
export const SmallInteractiveBeta: Story = {
1616
args: {

‎site/src/components/FeatureBadge/FeatureBadge.tsx renamed to ‎site/src/components/FeatureStageBadge/FeatureStageBadge.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import { docs } from "utils/docs";
1616
* All types of feature that we are currently supporting. Defined as record to
1717
* ensure that we can't accidentally make typos when writing the badge text.
1818
*/
19-
const featureBadgeTypes = {
19+
const featureStageBadgeTypes = {
2020
beta: "beta",
2121
experimental: "experimental",
2222
} as const satisfies Record<string, ReactNode>;
@@ -84,15 +84,15 @@ const styles = {
8484
},
8585
} as const satisfies Record<string, Interpolation<Theme>>;
8686

87-
type FeatureBadgeProps = Readonly<
87+
type FeatureStageBadgeProps = Readonly<
8888
Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
89-
type: keyof typeof featureBadgeTypes;
89+
type: keyof typeof featureStageBadgeTypes;
9090
size?: "xs" | "sm" | "lg";
9191
variant: "interactive" | "static";
9292
}
9393
>;
9494

95-
export const FeatureBadge: FC<FeatureBadgeProps> = ({
95+
export const FeatureStageBadge: FC<FeatureStageBadgeProps> = ({
9696
type,
9797
size = "sm",
9898
variant = "interactive",
@@ -117,7 +117,7 @@ export const FeatureBadge: FC<FeatureBadgeProps> = ({
117117
return () => window.removeEventListener("blur", onWindowBlur);
118118
}, []);
119119

120-
const featureType = featureBadgeTypes[type];
120+
const featureType = featureStageBadgeTypes[type];
121121
const showBadgeHoverStyle =
122122
variant === "interactive" && (isBadgeHovering || isTooltipHovering);
123123

‎site/src/pages/ManagementSettingsPage/CustomRolesPage/CustomRolesPage.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { organizationPermissions } from "api/queries/organizations";
55
import { deleteOrganizationRole, organizationRoles } from "api/queries/roles";
66
import type { Role } from "api/typesGenerated";
77
import { DeleteDialog } from "components/Dialogs/DeleteDialog/DeleteDialog";
8-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
8+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
99
import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
1010
import { Loader } from "components/Loader/Loader";
1111
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
@@ -67,7 +67,9 @@ export const CustomRolesPage: FC = () => {
6767
<SettingsHeader
6868
title="Custom Roles"
6969
description="Manage custom roles for this organization."
70-
badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
70+
badges={
71+
<FeatureStageBadge type="beta" variant="interactive" size="lg" />
72+
}
7173
/>
7274
{permissions.assignOrgRole && isCustomRolesEnabled && (
7375
<Button component={RouterLink} startIcon={<AddIcon />} to="create">

‎site/src/pages/ManagementSettingsPage/GroupsPage/GroupsPage.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { groupsByOrganization } from "api/queries/groups";
55
import { organizationPermissions } from "api/queries/organizations";
66
import type { Organization } from "api/typesGenerated";
77
import { EmptyState } from "components/EmptyState/EmptyState";
8-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
8+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
99
import { displayError } from "components/GlobalSnackbar/utils";
1010
import { Loader } from "components/Loader/Loader";
1111
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
@@ -81,7 +81,9 @@ export const GroupsPage: FC = () => {
8181
<SettingsHeader
8282
title="Groups"
8383
description="Manage groups for this organization."
84-
badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
84+
badges={
85+
<FeatureStageBadge type="beta" variant="interactive" size="lg" />
86+
}
8587
/>
8688
{permissions.createGroup && feats.template_rbac && (
8789
<Button component={RouterLink} startIcon={<GroupAdd />} to="create">

‎site/src/pages/ManagementSettingsPage/IdpSyncPage/IdpSyncPage.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import AddIcon from "@mui/icons-material/AddOutlined";
22
import LaunchOutlined from "@mui/icons-material/LaunchOutlined";
33
import Button from "@mui/material/Button";
4-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
4+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
55
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
66
import { Stack } from "components/Stack/Stack";
77
import type { FC } from "react";
@@ -74,7 +74,9 @@ export const IdpSyncPage: FC = () => {
7474
title="IdP Sync"
7575
description="Group and role sync mappings (configured outside Coder)."
7676
tooltip={<IdpSyncHelpTooltip />}
77-
badges={<FeatureBadge type="beta" size="lg" variant="interactive" />}
77+
badges={
78+
<FeatureStageBadge type="beta" size="lg" variant="interactive" />
79+
}
7880
/>
7981
<Stack direction="row" spacing={2}>
8082
<Button

‎site/src/pages/ManagementSettingsPage/OrganizationMembersPageView.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import type {
1717
} from "api/typesGenerated";
1818
import { ErrorAlert } from "components/Alert/ErrorAlert";
1919
import { AvatarData } from "components/AvatarData/AvatarData";
20-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
20+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
2121
import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
2222
import {
2323
MoreMenu,
@@ -63,7 +63,9 @@ export const OrganizationMembersPageView: FC<
6363
<div>
6464
<SettingsHeader
6565
title="Members"
66-
badges={<FeatureBadge type="beta" size="lg" variant="interactive" />}
66+
badges={
67+
<FeatureStageBadge type="beta" size="lg" variant="interactive" />
68+
}
6769
/>
6870

6971
<Stack>

‎site/src/pages/ManagementSettingsPage/OrganizationProvisionersPageView.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import OpenInNewIcon from "@mui/icons-material/OpenInNew";
22
import Button from "@mui/material/Button";
33
import type { BuildInfoResponse, ProvisionerDaemon } from "api/typesGenerated";
4-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
4+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
55
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
66
import { Stack } from "components/Stack/Stack";
77
import { ProvisionerGroup } from "modules/provisioners/ProvisionerGroup";
@@ -32,7 +32,9 @@ export const OrganizationProvisionersPageView: FC<
3232
>
3333
<SettingsHeader
3434
title="Provisioners"
35-
badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
35+
badges={
36+
<FeatureStageBadge type="beta" variant="interactive" size="lg" />
37+
}
3638
/>
3739
<Button
3840
endIcon={<OpenInNewIcon />}

‎site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import type {
88
} from "api/typesGenerated";
99
import { ErrorAlert } from "components/Alert/ErrorAlert";
1010
import { DeleteDialog } from "components/Dialogs/DeleteDialog/DeleteDialog";
11-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
11+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
1212
import {
1313
FormFields,
1414
FormFooter,
@@ -69,7 +69,9 @@ export const OrganizationSettingsPageView: FC<
6969
<div>
7070
<SettingsHeader
7171
title="Settings"
72-
badges={<FeatureBadge type="beta" variant="interactive" size="lg" />}
72+
badges={
73+
<FeatureStageBadge type="beta" variant="interactive" size="lg" />
74+
}
7375
/>
7476

7577
{Boolean(error) && !isApiValidationError(error) && (

‎site/src/pages/ManagementSettingsPage/SidebarView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import type {
77
Experiments,
88
Organization,
99
} from "api/typesGenerated";
10-
import { FeatureBadge } from "components/FeatureBadge/FeatureBadge";
10+
import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
1111
import { Loader } from "components/Loader/Loader";
1212
import { Sidebar as BaseSidebar } from "components/Sidebar/Sidebar";
1313
import { Stack } from "components/Stack/Stack";
@@ -203,7 +203,7 @@ const OrganizationsSettingsNavigation: FC<
203203
}}
204204
>
205205
<h2 css={styles.sidebarHeader}>Organizations</h2>
206-
<FeatureBadge type="beta" variant="interactive" size="sm" />
206+
<FeatureStageBadge type="beta" variant="interactive" size="sm" />
207207
</header>
208208

209209
{permissions.createOrganization && (

0 commit comments

Comments
 (0)