Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit23af058

Browse files
committed
Move deployment settings header to components
This will let us use it in the org settings pages, for a consistentlook.
1 parenta63fec4 commit23af058

File tree

13 files changed

+32
-32
lines changed

13 files changed

+32
-32
lines changed

‎site/src/pages/DeploySettingsPage/Header.tsxrenamed 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-
exportconstHeader:FC<HeaderProps>=({
14+
exportconstSettingsHeader: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
exporttypeAppearanceSettingsPageViewProps={
@@ -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
importtype{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
exporttypeExternalAuthSettingsPageViewProps={
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
importOptionsTablefrom"../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
typeAddNewLicenseProps={
@@ -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
importConfettifrom"react-confetti";
1111
import{Link}from"react-router-dom";
1212
importtype{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
typeProps={
@@ -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
importtype{FC}from"react";
22
importtype{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
importOptionsTablefrom"../OptionsTable";
1212

1313
exporttypeNetworkSettingsPageViewProps={
@@ -19,7 +19,7 @@ export const NetworkSettingsPageView: FC<NetworkSettingsPageViewProps> = ({
1919
})=>(
2020
<Stackdirection="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
importtype*asTypesGenfrom"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
typeCreateOAuth2AppProps={
@@ -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
exporttypeMutatingResource={
@@ -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
typeOAuth2AppsSettingsProps={
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
importOptionsTablefrom"../OptionsTable";
1414

1515
exporttypeObservabilitySettingsPageViewProps={
@@ -24,8 +24,8 @@ export const ObservabilitySettingsPageView: FC<
2424
<>
2525
<Stackdirection="column"spacing={6}>
2626
<div>
27-
<Headertitle="Observability"/>
28-
<Header
27+
<SettingsHeadertitle="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
importOptionsTablefrom"../OptionsTable";
1717

1818
exporttypeSecuritySettingsPageViewProps={
@@ -31,7 +31,7 @@ export const SecuritySettingsPageView: FC<SecuritySettingsPageViewProps> = ({
3131
return(
3232
<Stackdirection="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
importtype{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
importOptionsTablefrom"../OptionsTable";
1111

1212
exporttypeUserAuthSettingsPageViewProps={
@@ -27,9 +27,9 @@ export const UserAuthSettingsPageView = ({
2727
<>
2828
<Stackdirection="column"spacing={6}>
2929
<div>
30-
<Headertitle="User Authentication"/>
30+
<SettingsHeadertitle="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)
[8]ページ先頭
©2009-2025 Movatter.jp