@@ -8,7 +8,7 @@ import { OrganizationSettings } from "@gitpod/gitpod-protocol";
88import React , { useCallback , useState } from "react" ;
99import Alert from "../components/Alert" ;
1010import { Button } from "../components/Button" ;
11- import CheckBox from "../components/CheckBox " ;
11+ import { CheckboxInputContainer , CheckboxInput } from "../components/forms/CheckboxInputField " ;
1212import ConfirmationModal from "../components/ConfirmationModal" ;
1313import { TextInputField } from "../components/forms/TextInputField" ;
1414import { Heading2 , Subheading } from "../components/typography/headings" ;
@@ -146,19 +146,16 @@ export default function TeamSettingsPage() {
146146 </ Button >
147147
148148 < Heading2 className = "pt-12" > Collaboration & Sharing </ Heading2 >
149- < CheckBox
150- title = { < span > Workspace Sharing</ span > }
151- desc = {
152- < span >
153- Allow workspaces creаted within an Organization to share the workspace with any authenticated user.
154- </ span >
155- }
156- checked = { ! settings ?. workspaceSharingDisabled }
157- onChange = { ( { target } ) =>
158- handleUpdateTeamSettings ( { workspaceSharingDisabled : ! target . checked } )
159- }
160- disabled = { isLoading }
161- />
149+ < CheckboxInputContainer >
150+ < CheckboxInput
151+ value = "allow workspace sharing"
152+ label = "Workspace Sharing"
153+ hint = "Allow workspaces created within an Organization to share the workspace with any authenticated user."
154+ checked = { ! settings ?. workspaceSharingDisabled }
155+ onChange = { ( checked ) => handleUpdateTeamSettings ( { workspaceSharingDisabled : ! checked } ) }
156+ disabled = { isLoading }
157+ />
158+ </ CheckboxInputContainer >
162159 </ form >
163160
164161 < Heading2 className = "pt-12" > Delete Organization</ Heading2 >
0 commit comments