From 30722077c5ec82b9ae6c573d158b3252c0dadf50 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 29 Apr 2019 12:42:10 +0200
Subject: [PATCH] make copyrightHolder editable

---
 client/src/routes/Details/AssetDetails.tsx | 31 +++++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/client/src/routes/Details/AssetDetails.tsx b/client/src/routes/Details/AssetDetails.tsx
index 0606a69..6533de3 100644
--- a/client/src/routes/Details/AssetDetails.tsx
+++ b/client/src/routes/Details/AssetDetails.tsx
@@ -161,6 +161,25 @@ export default class AssetDetails extends PureComponent<
             <span>{files.length} data files</span>
         )
 
+    private CopyrightHolder = ({ value }: { value: string }) =>
+        this.state.isEditMode ? (
+            <Input
+                name={'copyrightHolder'}
+                label={steps[2].fields.copyrightHolder.label}
+                placeholder={steps[2].fields.copyrightHolder.placeholder}
+                required={steps[2].fields.copyrightHolder.required}
+                type={steps[2].fields.copyrightHolder.type}
+                onChange={this.inputChange}
+                value={value}
+                disabled={this.state.isLoading}
+                small
+            />
+        ) : (
+            <h2 className={styles.copyrightHolder} title="Copyright Holder">
+                {value}
+            </h2>
+        )
+
     private Date = ({ value }: { value: string }) =>
         this.state.isEditMode ? (
             <Input
@@ -266,12 +285,8 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
         return (
             <>
                 <aside className={styles.metaPrimary}>
-                    <h2
-                        className={styles.copyrightHolder}
-                        title="Copyright Holder"
-                    >
-                        {base.copyrightHolder}
-                    </h2>
+                    <this.CopyrightHolder value={this.state.copyrightHolder} />
+
                     <div className={styles.metaPrimaryData}>
                         <span
                             title={`Date created, published on ${
@@ -285,7 +300,9 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
                             <this.Category value={this.state.categories} />
                         )}
 
-                        {base.files && this.renderDatafilesLine(base.files)}
+                        {base.files &&
+                            !this.state.isEditMode &&
+                            this.renderDatafilesLine(base.files)}
                     </div>
                 </aside>