From 6286807336340f8df85320f884481fa72bd2c039 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 12 Nov 2020 00:02:34 +0100
Subject: [PATCH] copy, form box

---
 src/pages/update.tsx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/pages/update.tsx b/src/pages/update.tsx
index 2eb7b24369..ad84861c1f 100644
--- a/src/pages/update.tsx
+++ b/src/pages/update.tsx
@@ -7,10 +7,11 @@ import { useOcean } from '@oceanprotocol/react'
 import Loader from '../components/atoms/Loader'
 import { DDO } from '@oceanprotocol/lib'
 import Alert from '../components/atoms/Alert'
+import styles from '../components/atoms/Box.module.css'
 
 const pageTitle = 'Update Data Set'
 const pageDescription =
-  'Interim solution for updating title & description of a data set until a proper editing flow is implemented. No validation, no checks. Make sure your DID is correct and you are connected with the account you published the to-be-edited data set.'
+  'Interim solution for updating title & description of a data set until a proper editing flow is implemented. No validation, no checks. Make sure your DID is correct and that you are connected with the account you used to published your data set.'
 
 export default function PageGatsbyUpdateAsset(props: PageProps): ReactElement {
   const { ocean, account } = useOcean()
@@ -54,8 +55,14 @@ export default function PageGatsbyUpdateAsset(props: PageProps): ReactElement {
 
   return (
     <Layout title={pageTitle} description={pageDescription} uri={props.uri}>
-      <form>
-        <Input name="did" label="DID" onChange={handleChangeDid} required />
+      <form className={styles.box}>
+        <Input
+          name="did"
+          label="DID"
+          placeholder="e.g. did:op:C1d97aEAb57622B2d139f10351B48CBf94071e5c"
+          onChange={handleChangeDid}
+          required
+        />
         <Input name="title" label="New Title" onChange={handleChangeTitle} />
         <Input
           type="textarea"
@@ -64,7 +71,11 @@ export default function PageGatsbyUpdateAsset(props: PageProps): ReactElement {
           onChange={handleChangeDescription}
           rows={4}
         />
-        <Button style="primary" onClick={handleSubmit}>
+        <Button
+          style="primary"
+          onClick={handleSubmit}
+          disabled={isLoading || !ocean || !account || !did}
+        >
           {isLoading ? <Loader /> : 'Submit'}
         </Button>