diff --git a/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx b/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx index e6274d4a90..85135a1563 100644 --- a/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx @@ -20,12 +20,13 @@ import { Styles } from './styles'; type Props = React.PropsWithChildren<{ value?: string; placeholder?: string; + disabled?: boolean; onSearch?(value: string): void; className?: string; }> export function ItemListSearch({ - value, placeholder, onSearch, className, + value, placeholder, disabled, onSearch, className, }: Props) { const styles = useContext(Styles); const [search, setSearch] = useState(value ?? ''); @@ -48,6 +49,7 @@ export function ItemListSearch({ value={value ?? search} onChange={searchHandler} autoComplete="off" + disabled={disabled} {...use({ mod: 'surface' })} /> diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx index 5a0ccb609c..be52d3b044 100644 --- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx +++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx @@ -177,8 +177,9 @@ export const ConnectionForm = observer(function ConnectionForm({ type={controller.connectionType} credentials={model.credentials} availableDrivers={model.availableDrivers} - onTypeChange={controller.setType} editing={model.editing} + disabled={controller.isDisabled} + onTypeChange={controller.setType} onSave={controller.save} /> diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/Options.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/Options.tsx index 335d234945..b6f597bc06 100644 --- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/Options.tsx +++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/Options.tsx @@ -89,7 +89,7 @@ export const Options = observer(function Options({ value={connection.id} state={connection} checkboxLabel={translate('connections_connection_template')} - disabled={editing} + disabled={editing || disabled} mod='surface' /> @@ -103,6 +103,7 @@ export const Options = observer(function Options({ onSelect={controller.onSelectDriver} readOnly={editing || controller.drivers.length < 2} mod={'surface'} + disabled={disabled} > {translate('connections_connection_driver')} @@ -143,7 +144,11 @@ export const Options = observer(function Options({ - + diff --git a/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/CreateConnection.tsx b/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/CreateConnection.tsx index 3cd875daeb..fc5ec32189 100644 --- a/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/CreateConnection.tsx +++ b/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/CreateConnection.tsx @@ -215,6 +215,7 @@ export const CreateConnection = observer(function CreateConnection({ - + {databases.map(database => ( ))} diff --git a/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/SearchDatabase.tsx b/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/SearchDatabase.tsx index 67a5b16f45..50b2c98676 100644 --- a/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/SearchDatabase.tsx +++ b/webapp/packages/core-connections/src/Administration/Connections/CreateConnection/SearchDatabase.tsx @@ -15,6 +15,7 @@ import { DatabaseList } from './DatabaseList'; type Props = { databases: AdminConnectionSearchInfo[]; hosts: string; + disabled?: boolean; onSelect(database: AdminConnectionSearchInfo): void; onChange(hosts: string): void; onSearch?(): void; @@ -24,6 +25,7 @@ type Props = { export const SearchDatabase = observer(function SearchDatabase({ databases, hosts, + disabled, onChange, onSelect, onSearch, @@ -34,6 +36,7 @@ export const SearchDatabase = observer(function SearchDatabase({