oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

make copyrightHolder editable

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-04-29 12:42:10 +02:00
parent 76732db30f
commit 30722077c5
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
client/src/routes/Details/AssetDetails.tsx
View File

@ -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>