Merge pull request #91 from optriment/ui/add-descriptive-message-to-application-form

Add descriptive message to application form

Author: gruz0

src/forms/ApplicationForm/index.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { useRouter } from 'next/router'
-import { Button, Form } from 'semantic-ui-react'
+import { Message, Button, Form } from 'semantic-ui-react'
 import ErrorWrapper from '../../components/ErrorWrapper'
 import { createApplication } from '../../lib/api'
 
@@ -48,6 +48,30 @@ export const ApplicationForm = ({ job, application, token, currencyLabel }) => {
         <ErrorWrapper header="Unable to post an application" error={error} />
       )}
 
+      {!application && (
+        <Message>
+          <Message.Header>Please do not forget:</Message.Header>
+          <Message.List>
+            <Message.Item>
+              Leave your contacts (Telegram, Skype or email) for the customer
+            </Message.Item>
+            <Message.Item>
+              Write descriptive comment about your relevant experience
+            </Message.Item>
+            <Message.Item>
+              The cost of your services must be in{' '}
+              <a
+                href="https://coinmarketcap.com/currencies/bnb/"
+                target="_blank"
+                rel="nofollow noopener noreferrer"
+              >
+                BNB
+              </a>
+            </Message.Item>
+          </Message.List>
+        </Message>
+      )}
+
       <Form onSubmit={handleCreateApplication}>
         <Form.TextArea
           id="comment"