1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00

Enhance UI

This commit is contained in:
KY Lau 2021-06-11 13:52:22 +08:00
parent 96131cba7d
commit 7a8a5a5fcd
3 changed files with 12 additions and 12 deletions

View File

@ -1,5 +1,5 @@
{
"description": "Update credential of this data set. Updating metadata will create an on-chain transaction you have to approve in your wallet.",
"description": "Update advanced settings of this data set. Updating these settings will create an on-chain transaction you have to approve in your wallet.",
"form": {
"success": "🎉 Successfully updated. 🎉",
"successAction": "Close",
@ -7,22 +7,22 @@
"data": [
{
"name": "allow",
"label": "Allow Credential",
"label": "Allow ETH Address",
"placeholder": "e.g. 0x12345678901234567890abcd",
"help": "Enter wallet address and click ADD button to append the list",
"type": "credential"
"help": "Enter ETH address and click ADD button to append the list. Only ETH address in allow list can consume this asset. If the list is empty means anyone can download or compute this asset",
"type": "credentials"
},
{
"name": "deny",
"label": "Deny Credential",
"label": "Deny ETH Address",
"placeholder": "e.g. 0x12345678901234567890abcd",
"help": "Enter wallet address and click ADD button to append the list",
"type": "credential"
"help": "Enter ETH address and click ADD button to append the list. If ETH address is fall under deny list, download or compute of this asset is denied",
"type": "credentials"
},
{
"name": "isOrderDisabled",
"label": "Disable Consumption",
"help": "Disable dataset being consume when dataset undergoing maintenance.",
"help": "Disable dataset being download or compute when dataset undergoing maintenance.",
"type": "checkbox",
"options": ["Disable"]
}

View File

@ -12,7 +12,7 @@ import classNames from 'classnames/bind'
import AssetSelection, {
AssetSelectionAsset
} from '../../molecules/FormFields/AssetSelection'
import Credential from '../../molecules/FormFields/Credential'
import Credentials from '../../molecules/FormFields/Credential'
const cx = classNames.bind(styles)
@ -138,8 +138,8 @@ export default function InputElement({
{...props}
/>
)
case 'credential':
return <Credential name={name} {...field} {...props} />
case 'credentials':
return <Credentials name={name} {...field} {...props} />
default:
return prefix || postfix ? (
<div className={`${prefix ? styles.prefixGroup : styles.postfixGroup}`}>

View File

@ -8,7 +8,7 @@ import { isAddress } from 'web3-utils'
import { toast } from 'react-toastify'
import { ReactComponent as Cross } from '../../../../images/cross.svg'
export default function Credential(props: InputProps) {
export default function Credentials(props: InputProps) {
const [field, meta, helpers] = useField(props.name)
const [arrayInput, setArrayInput] = useState<string[]>(field.value || [])
const [value, setValue] = useState('')