Skip to content

Commit 70b5fb2

Browse files
dolfinusdolfinus
committed
Add placeholders for connection fields
1 parent f88674e commit 70b5fb2

File tree

13 files changed

+32
-32
lines changed

13 files changed

+32
-32
lines changed

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionClickhouse/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ export const ConnectionClickhouse = () => {
1111
return (
1212
<>
1313
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
14-
<Input size="large" />
14+
<Input size="large" placeholder="11.22.33.44" />
1515
</Form.Item>
1616
<Form.Item label={t('port')} name={['connection_data', 'port']}>
17-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
17+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="8123" />
1818
</Form.Item>
1919
<Form.Item label={t('databaseName')} name={['connection_data', 'database_name']}>
20-
<Input size="large" />
20+
<Input size="large" placeholder="default" />
2121
</Form.Item>
2222
<ConnectionAuthBasic />
2323
</>

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionFtp/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ export const ConnectionFtp = () => {
1111
return (
1212
<>
1313
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
14-
<Input size="large" />
14+
<Input size="large" placeholder="ftp.mycompany.com" />
1515
</Form.Item>
1616
<Form.Item label={t('port')} name={['connection_data', 'port']}>
17-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
17+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="21" />
1818
</Form.Item>
1919
<ConnectionAuthBasic />
2020
</>

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionFtps/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,16 @@ import { useTranslation } from 'react-i18next';
55
import { MAX_ALLOWED_PORT, MIN_ALLOWED_PORT } from '../../constants';
66
import { ConnectionAuthBasic } from '../ConnectionAuthBasic';
77

8-
export const ConnectionSftp = () => {
8+
export const ConnectionFtps = () => {
99
const { t } = useTranslation('connection');
1010

1111
return (
1212
<>
1313
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
14-
<Input size="large" />
14+
<Input size="large" placeholder="ftp.mycompany.com" />
1515
</Form.Item>
1616
<Form.Item label={t('port')} name={['connection_data', 'port']}>
17-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
17+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="21" />
1818
</Form.Item>
1919
<ConnectionAuthBasic />
2020
</>

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionHdfs/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const ConnectionHdfs = () => {
1010
return (
1111
<>
1212
<Form.Item label={t('cluster')} name={['connection_data', 'cluster']} rules={[{ required: true }]}>
13-
<Input size="large" />
13+
<Input size="large" placeholder="dwh" />
1414
</Form.Item>
1515
<ConnectionAuthBasic />
1616
</>

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionHive/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const ConnectionHive = () => {
1010
return (
1111
<>
1212
<Form.Item label={t('cluster')} name={['connection_data', 'cluster']} rules={[{ required: true }]}>
13-
<Input size="large" />
13+
<Input size="large" placeholder="dwh" />
1414
</Form.Item>
1515
<ConnectionAuthBasic />
1616
</>

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionMsSql/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ export const ConnectionMsSql = () => {
1111
return (
1212
<>
1313
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
14-
<Input size="large" />
14+
<Input size="large" placeholder="11.22.33.44" />
1515
</Form.Item>
1616
<Form.Item label={t('port')} name={['connection_data', 'port']}>
17-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
17+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="1433" />
1818
</Form.Item>
1919
<Form.Item label={t('databaseName')} name={['connection_data', 'database_name']} rules={[{ required: true }]}>
2020
<Input size="large" />

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionMySql/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ export const ConnectionMySql = () => {
1111
return (
1212
<>
1313
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
14-
<Input size="large" />
14+
<Input size="large" placeholder="11.22.33.44" />
1515
</Form.Item>
1616
<Form.Item label={t('port')} name={['connection_data', 'port']}>
17-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
17+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="3306" />
1818
</Form.Item>
1919
<Form.Item label={t('databaseName')} name={['connection_data', 'database_name']} rules={[{ required: true }]}>
2020
<Input size="large" />

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionOracle/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@ export const ConnectionOracle = () => {
3535
return (
3636
<>
3737
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
38-
<Input size="large" />
38+
<Input size="large" placeholder="11.22.33.44" />
3939
</Form.Item>
4040
<Form.Item label={t('port')} name={['connection_data', 'port']}>
41-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
41+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="1521" />
4242
</Form.Item>
4343
<Form.Item
4444
label={t('oracle.serviceName')}
@@ -50,7 +50,7 @@ export const ConnectionOracle = () => {
5050
},
5151
]}
5252
>
53-
<Input size="large" disabled={isServiceNameDisabled} onChange={handleFieldChange} />
53+
<Input size="large" disabled={isServiceNameDisabled} onChange={handleFieldChange} placeholder="XEPDB1" />
5454
</Form.Item>
5555
<Form.Item
5656
label={t('oracle.sid')}

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionPostgres/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ export const ConnectionPostgres = () => {
1111
return (
1212
<>
1313
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
14-
<Input size="large" />
14+
<Input size="large" placeholder="11.22.33.44" />
1515
</Form.Item>
1616
<Form.Item label={t('port')} name={['connection_data', 'port']}>
17-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
17+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="5432" />
1818
</Form.Item>
1919
<Form.Item label={t('databaseName')} name={['connection_data', 'database_name']} rules={[{ required: true }]}>
20-
<Input size="large" />
20+
<Input size="large" placeholder="postgres" />
2121
</Form.Item>
2222
<ConnectionAuthBasic />
2323
</>

‎src/entities/connection/ui/ConnectionTypeForm/components/ConnectionS3/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ export const ConnectionS3 = () => {
1313
return (
1414
<>
1515
<Form.Item label={t('host')} name={['connection_data', 'host']} rules={[{ required: true }]}>
16-
<Input size="large" />
16+
<Input size="large" placeholder="s3.mycompany.com" />
1717
</Form.Item>
1818
<Form.Item label={t('protocol')} name={['connection_data', 'protocol']}>
1919
<Select size="large" options={CONNECTION_PROTOCOL_SELECT_OPTIONS} placeholder={t('selectProtocol')} />
2020
</Form.Item>
2121
<Form.Item label={t('port')} name={['connection_data', 'port']}>
22-
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} />
22+
<InputNumber size="large" min={MIN_ALLOWED_PORT} max={MAX_ALLOWED_PORT} placeholder="443" />
2323
</Form.Item>
2424
<Form.Item label={t('s3.bucketStyle')} name={['connection_data', 'bucket_style']}>
2525
<Select size="large" options={CONNECTION_BUCKET_STYLE_SELECT_OPTIONS} placeholder={t('s3.selectBucketStyle')} />
@@ -28,7 +28,7 @@ export const ConnectionS3 = () => {
2828
<Input size="large" />
2929
</Form.Item>
3030
<Form.Item label={t('s3.region')} name={['connection_data', 'region']}>
31-
<Input size="large" />
31+
<Input size="large" placeholder="us-east-1"/>
3232
</Form.Item>
3333
<ConnectionAuthS3 />
3434
</>

0 commit comments

Comments
 (0)