From f3634f86648752bacff780ddbd05b10a4e275ff5 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 2eb7b2436..ad84861c1 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>