Skip to content

Commit eb9318c

Browse files
code-ashercode-asher
committed
Move deployment settings header to components
This will let us use it in the org settings pages, for a consistent look.
1 parent 6f70bb1 commit eb9318c

File tree

13 files changed

+32
-32
lines changed

13 files changed

+32
-32
lines changed

‎site/src/pages/DeploySettingsPage/Header.tsx renamed to ‎site/src/components/SettingsHeader/SettingsHeader.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ interface HeaderProps {
1111
docsHref?: string;
1212
}
1313

14-
export const Header: FC<HeaderProps> = ({
14+
export const SettingsHeader: FC<HeaderProps> = ({
1515
title,
1616
description,
1717
docsHref,

‎site/src/pages/DeploySettingsPage/AppearanceSettingsPage/AppearanceSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@ import {
1616
PopoverContent,
1717
PopoverTrigger,
1818
} from "components/Popover/Popover";
19+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
1920
import { getFormHelpers } from "utils/formUtils";
2021
import { Fieldset } from "../Fieldset";
21-
import { Header } from "../Header";
2222
import { AnnouncementBannerSettings } from "./AnnouncementBannerSettings";
2323

2424
export type AppearanceSettingsPageViewProps = {
@@ -54,7 +54,7 @@ export const AppearanceSettingsPageView: FC<
5454

5555
return (
5656
<>
57-
<Header
57+
<SettingsHeader
5858
title="Appearance"
5959
description="Customize the look and feel of your Coder deployment."
6060
/>

‎site/src/pages/DeploySettingsPage/ExternalAuthSettingsPage/ExternalAuthSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ import type { FC } from "react";
99
import type { DeploymentValues, ExternalAuthConfig } from "api/typesGenerated";
1010
import { Alert } from "components/Alert/Alert";
1111
import { EnterpriseBadge } from "components/Badges/Badges";
12+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
1213
import { docs } from "utils/docs";
13-
import { Header } from "../Header";
1414

1515
export type ExternalAuthSettingsPageViewProps = {
1616
config: DeploymentValues;
@@ -21,7 +21,7 @@ export const ExternalAuthSettingsPageView: FC<
2121
> = ({ config }) => {
2222
return (
2323
<>
24-
<Header
24+
<SettingsHeader
2525
title="External Authentication"
2626
description="Coder integrates with GitHub, GitLab, BitBucket, Azure Repos, and OpenID Connect to authenticate developers with external services."
2727
docsHref={docs("/admin/external-auth")}

‎site/src/pages/DeploySettingsPage/GeneralSettingsPage/GeneralSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ import {
1111
ActiveUsersTitle,
1212
} from "components/ActiveUserChart/ActiveUserChart";
1313
import { ErrorAlert } from "components/Alert/ErrorAlert";
14+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
1415
import { Stack } from "components/Stack/Stack";
1516
import { useDeploymentOptions } from "utils/deployOptions";
1617
import { docs } from "utils/docs";
1718
import { Alert } from "../../../components/Alert/Alert";
18-
import { Header } from "../Header";
1919
import OptionsTable from "../OptionsTable";
2020
import { ChartSection } from "./ChartSection";
2121

@@ -38,7 +38,7 @@ export const GeneralSettingsPageView: FC<GeneralSettingsPageViewProps> = ({
3838
}) => {
3939
return (
4040
<>
41-
<Header
41+
<SettingsHeader
4242
title="General"
4343
description="Information about your Coder deployment."
4444
docsHref={docs("/admin/configure")}

‎site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ import { Link as RouterLink } from "react-router-dom";
66
import { ErrorAlert } from "components/Alert/ErrorAlert";
77
import { FileUpload } from "components/FileUpload/FileUpload";
88
import { displayError } from "components/GlobalSnackbar/utils";
9+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
910
import { Stack } from "components/Stack/Stack";
1011
import { Fieldset } from "../Fieldset";
11-
import { Header } from "../Header";
1212
import { DividerWithText } from "./DividerWithText";
1313

1414
type AddNewLicenseProps = {
@@ -50,7 +50,7 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
5050
direction="row"
5151
justifyContent="space-between"
5252
>
53-
<Header
53+
<SettingsHeader
5454
title="Add a license"
5555
description="Get access to high availability, RBAC, quotas, and more."
5656
/>

‎site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ import type { FC } from "react";
1010
import Confetti from "react-confetti";
1111
import { Link } from "react-router-dom";
1212
import type { GetLicensesResponse } from "api/api";
13+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
1314
import { Stack } from "components/Stack/Stack";
1415
import { useWindowSize } from "hooks/useWindowSize";
15-
import { Header } from "../Header";
1616
import { LicenseCard } from "./LicenseCard";
1717

1818
type Props = {
@@ -55,7 +55,7 @@ const LicensesSettingsPageView: FC<Props> = ({
5555
direction="row"
5656
justifyContent="space-between"
5757
>
58-
<Header
58+
<SettingsHeader
5959
title="Licenses"
6060
description="Manage licenses to unlock Enterprise features."
6161
/>

‎site/src/pages/DeploySettingsPage/NetworkSettingsPage/NetworkSettingsPageView.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import type { FC } from "react";
22
import type { SerpentOption } from "api/typesGenerated";
33
import { Badges, EnabledBadge, DisabledBadge } from "components/Badges/Badges";
4+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
45
import { Stack } from "components/Stack/Stack";
56
import {
67
deploymentGroupHasParent,
78
useDeploymentOptions,
89
} from "utils/deployOptions";
910
import { docs } from "utils/docs";
10-
import { Header } from "../Header";
1111
import OptionsTable from "../OptionsTable";
1212

1313
export type NetworkSettingsPageViewProps = {
@@ -19,7 +19,7 @@ export const NetworkSettingsPageView: FC<NetworkSettingsPageViewProps> = ({
1919
}) => (
2020
<Stack direction="column" spacing={6}>
2121
<div>
22-
<Header
22+
<SettingsHeader
2323
title="Network"
2424
description="Configure your deployment connectivity."
2525
docsHref={docs("/networking")}
@@ -32,7 +32,7 @@ export const NetworkSettingsPageView: FC<NetworkSettingsPageViewProps> = ({
3232
</div>
3333

3434
<div>
35-
<Header
35+
<SettingsHeader
3636
title="Port Forwarding"
3737
secondary
3838
description="Port forwarding lets developers securely access processes on their Coder workspace from a local machine."

‎site/src/pages/DeploySettingsPage/OAuth2AppsSettingsPage/CreateOAuth2AppPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import type { FC } from "react";
44
import { Link } from "react-router-dom";
55
import type * as TypesGen from "api/typesGenerated";
66
import { ErrorAlert } from "components/Alert/ErrorAlert";
7+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
78
import { Stack } from "components/Stack/Stack";
8-
import { Header } from "../Header";
99
import { OAuth2AppForm } from "./OAuth2AppForm";
1010

1111
type CreateOAuth2AppProps = {
@@ -26,7 +26,7 @@ export const CreateOAuth2AppPageView: FC<CreateOAuth2AppProps> = ({
2626
direction="row"
2727
justifyContent="space-between"
2828
>
29-
<Header
29+
<SettingsHeader
3030
title="Add an OAuth2 application"
3131
description="Configure an application to use Coder as an OAuth2 provider."
3232
/>

‎site/src/pages/DeploySettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ import { CopyableValue } from "components/CopyableValue/CopyableValue";
2020
import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
2121
import { DeleteDialog } from "components/Dialogs/DeleteDialog/DeleteDialog";
2222
import { Loader } from "components/Loader/Loader";
23+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
2324
import { Stack } from "components/Stack/Stack";
2425
import { TableLoader } from "components/TableLoader/TableLoader";
2526
import { createDayString } from "utils/createDayString";
26-
import { Header } from "../Header";
2727
import { OAuth2AppForm } from "./OAuth2AppForm";
2828

2929
export type MutatingResource = {
@@ -75,7 +75,7 @@ export const EditOAuth2AppPageView: FC<EditOAuth2AppProps> = ({
7575
direction="row"
7676
justifyContent="space-between"
7777
>
78-
<Header
78+
<SettingsHeader
7979
title="Edit OAuth2 application"
8080
description="Configure an application to use Coder as an OAuth2 provider."
8181
/>

‎site/src/pages/DeploySettingsPage/OAuth2AppsSettingsPage/OAuth2AppsSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@ import type * as TypesGen from "api/typesGenerated";
1414
import { ErrorAlert } from "components/Alert/ErrorAlert";
1515
import { Avatar } from "components/Avatar/Avatar";
1616
import { AvatarData } from "components/AvatarData/AvatarData";
17+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
1718
import { Stack } from "components/Stack/Stack";
1819
import { TableLoader } from "components/TableLoader/TableLoader";
1920
import { useClickableTableRow } from "hooks/useClickableTableRow";
20-
import { Header } from "../Header";
2121

2222
type OAuth2AppsSettingsProps = {
2323
apps?: TypesGen.OAuth2ProviderApp[];
@@ -38,7 +38,7 @@ const OAuth2AppsSettingsPageView: FC<OAuth2AppsSettingsProps> = ({
3838
justifyContent="space-between"
3939
>
4040
<div>
41-
<Header
41+
<SettingsHeader
4242
title="OAuth2 Applications"
4343
description="Configure applications to use Coder as an OAuth2 provider."
4444
/>

‎site/src/pages/DeploySettingsPage/ObservabilitySettingsPage/ObservabilitySettingsPageView.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ import {
66
EnabledBadge,
77
EnterpriseBadge,
88
} from "components/Badges/Badges";
9+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
910
import { Stack } from "components/Stack/Stack";
1011
import { deploymentGroupHasParent } from "utils/deployOptions";
1112
import { docs } from "utils/docs";
12-
import { Header } from "../Header";
1313
import OptionsTable from "../OptionsTable";
1414

1515
export type ObservabilitySettingsPageViewProps = {
@@ -24,8 +24,8 @@ export const ObservabilitySettingsPageView: FC<
2424
<>
2525
<Stack direction="column" spacing={6}>
2626
<div>
27-
<Header title="Observability" />
28-
<Header
27+
<SettingsHeader title="Observability" />
28+
<SettingsHeader
2929
title="Audit Logging"
3030
secondary
3131
description="Allow auditors to monitor user operations in your deployment."
@@ -39,7 +39,7 @@ export const ObservabilitySettingsPageView: FC<
3939
</div>
4040

4141
<div>
42-
<Header
42+
<SettingsHeader
4343
title="Monitoring"
4444
secondary
4545
description="Monitoring your Coder application with logs and metrics."

‎site/src/pages/DeploySettingsPage/SecuritySettingsPage/SecuritySettingsPageView.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@ import {
66
EnabledBadge,
77
EnterpriseBadge,
88
} from "components/Badges/Badges";
9+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
910
import { Stack } from "components/Stack/Stack";
1011
import {
1112
deploymentGroupHasParent,
1213
useDeploymentOptions,
1314
} from "utils/deployOptions";
1415
import { docs } from "utils/docs";
15-
import { Header } from "../Header";
1616
import OptionsTable from "../OptionsTable";
1717

1818
export type SecuritySettingsPageViewProps = {
@@ -31,7 +31,7 @@ export const SecuritySettingsPageView: FC<SecuritySettingsPageViewProps> = ({
3131
return (
3232
<Stack direction="column" spacing={6}>
3333
<div>
34-
<Header
34+
<SettingsHeader
3535
title="Security"
3636
description="Ensure your Coder deployment is secure."
3737
/>
@@ -47,7 +47,7 @@ export const SecuritySettingsPageView: FC<SecuritySettingsPageViewProps> = ({
4747
</div>
4848

4949
<div>
50-
<Header
50+
<SettingsHeader
5151
title="Browser Only Connections"
5252
secondary
5353
description="Block all workspace access via SSH, port forward, and other non-browser connections."
@@ -62,7 +62,7 @@ export const SecuritySettingsPageView: FC<SecuritySettingsPageViewProps> = ({
6262

6363
{tlsOptions.length > 0 && (
6464
<div>
65-
<Header
65+
<SettingsHeader
6666
title="TLS"
6767
secondary
6868
description="Ensure TLS is properly configured for your Coder deployment."

‎site/src/pages/DeploySettingsPage/UserAuthSettingsPage/UserAuthSettingsPageView.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import type { SerpentOption } from "api/typesGenerated";
22
import { Badges, DisabledBadge, EnabledBadge } from "components/Badges/Badges";
3+
import { SettingsHeader } from "components/SettingsHeader/SettingsHeader";
34
import { Stack } from "components/Stack/Stack";
45
import {
56
deploymentGroupHasParent,
67
useDeploymentOptions,
78
} from "utils/deployOptions";
89
import { docs } from "utils/docs";
9-
import { Header } from "../Header";
1010
import OptionsTable from "../OptionsTable";
1111

1212
export type UserAuthSettingsPageViewProps = {
@@ -27,9 +27,9 @@ export const UserAuthSettingsPageView = ({
2727
<>
2828
<Stack direction="column" spacing={6}>
2929
<div>
30-
<Header title="User Authentication" />
30+
<SettingsHeader title="User Authentication" />
3131

32-
<Header
32+
<SettingsHeader
3333
title="Login with OpenID Connect"
3434
secondary
3535
description="Set up authentication to login with OpenID Connect."
@@ -48,7 +48,7 @@ export const UserAuthSettingsPageView = ({
4848
</div>
4949

5050
<div>
51-
<Header
51+
<SettingsHeader
5252
title="Login with GitHub"
5353
secondary
5454
description="Set up authentication to login with GitHub."

0 commit comments

Comments
 (0)