Change helper texts in APPM Publisher app upload form

feature/appm-store/pbac
Dharmakeerthi Lasantha 5 years ago
commit f01636a2b0

@ -17,7 +17,7 @@
*/ */
import React from "react"; import React from "react";
import {Button, Col, Form, Icon, Input, Row, Select, Switch, Upload, Typography, Modal, Alert} from "antd"; import {Button, Col, Form, Icon, Input, Row, Select, Switch, Upload, Typography, Modal, Alert, Tooltip} from "antd";
import "@babel/polyfill"; import "@babel/polyfill";
const {Text} = Typography; const {Text} = Typography;
@ -296,14 +296,16 @@ class NewAppUploadForm extends React.Component {
<Form.Item {...formItemLayout} <Form.Item {...formItemLayout}
label="Icon" label="Icon"
validateStatus="error" validateStatus="error"
help={iconHelperText}> help={iconHelperText}
style={{
marginBottom: 0
}}>
{getFieldDecorator('icon', { {getFieldDecorator('icon', {
valuePropName: 'icon', valuePropName: 'icon',
getValueFromEvent: this.normFile, getValueFromEvent: this.normFile,
required: true, required: true,
message: 'Please select a icon' message: 'Please select a icon'
})( })(
<div>
<Upload <Upload
name="logo" name="logo"
listType="picture-card" listType="picture-card"
@ -312,21 +314,32 @@ class NewAppUploadForm extends React.Component {
onPreview={this.handlePreview}> onPreview={this.handlePreview}>
{icons.length === 1 ? null : uploadButton} {icons.length === 1 ? null : uploadButton}
</Upload> </Upload>
<Text>Recommended : 240px x 240px</Text>
</div>
)} )}
</Form.Item> </Form.Item>
<Row style={{
marginBottom: 24
}}>
<Col xs={24} sm={8}>
</Col>
<Col xs={24} sm={16}>
<Text type="secondary">
Recommended : 240px x 240px
</Text>
</Col>
</Row>
<Form.Item {...formItemLayout} <Form.Item {...formItemLayout}
label="Screenshots" label="Screenshots"
validateStatus="error" validateStatus="error"
help={screenshotHelperText}> help={screenshotHelperText}
style={{
marginBottom: 0
}}>
{getFieldDecorator('screenshots', { {getFieldDecorator('screenshots', {
valuePropName: 'icon', valuePropName: 'icon',
getValueFromEvent: this.normFile, getValueFromEvent: this.normFile,
required: true, required: true,
message: 'Please select a icon' message: 'Please select a icon'
})( })(
<div>
<Upload <Upload
name="screenshots" name="screenshots"
listType="picture-card" listType="picture-card"
@ -335,11 +348,20 @@ class NewAppUploadForm extends React.Component {
onPreview={this.handlePreview}> onPreview={this.handlePreview}>
{screenshots.length >= 3 ? null : uploadButton} {screenshots.length >= 3 ? null : uploadButton}
</Upload> </Upload>
<Text>Required 3 screenshots, Recommended min. 320px max. 3840px</Text>
</div>
)} )}
</Form.Item> </Form.Item>
<Row style={{
marginBottom: 24
}}>
<Col xs={24} sm={8}>
</Col>
<Col xs={24} sm={16}>
<Text type="secondary">
It is mandatory to upload three screenshots and the
recommended screenshot size - min. 320px max. 3840px.
</Text>
</Col>
</Row>
{formConfig.specificElements.hasOwnProperty("packageName") && ( {formConfig.specificElements.hasOwnProperty("packageName") && (
<Form.Item {...formItemLayout} label="Package Name"> <Form.Item {...formItemLayout} label="Package Name">
{getFieldDecorator('packageName', { {getFieldDecorator('packageName', {

Loading…
Cancel
Save