🎨 Button styles, isDev flag, bug fixes

likecoin · Aug 23, 2022 · 6a5f667 · 6a5f667
1 parent 639d147
commit 6a5f667
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 9 deletions.
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -34,6 +34,14 @@ button.button {
   border-radius: 4px;
 }
 
+button.button:disabled {
+  background-color: #58545e;
+  color: grey;
+  padding: 5px 10px;
+  margin: 3px;
+  border-radius: 4px;
+}
+
 input, textarea {
   border: 2px solid grey;
   border-radius: 4px;
@@ -45,6 +53,14 @@ input, textarea {
   color: red;
 }
 
+h1 {
+  font-size: 1.8em;
+}
+
+h2 {
+  font-size: 1.5em;
+}
+
 hr {
   margin: 10px;
 }
diff --git a/components/ISCNList.vue b/components/ISCNList.vue
@@ -148,8 +148,7 @@ export default {
       const timestamp = datetime.toLocaleString()
       const iscn = data['@id']
       if (isDepub(data)) {
-        const re = RegExp('iscn://[^/]+/', 'g') // eslint-disable-line prefer-regex-literals
-        const depubUrl = iscn.replace(re, '')
+        const depubUrl = iscn.replace(/iscn:\/\/[^/]+\//g, '')
         data.contentMetadata.url = `https://depub.space/${depubUrl}`
       }
       if (data.contentMetadata.keywords) {

diff --git a/config.js b/config.js
@@ -2,10 +2,11 @@ const { NODE_ENV } = process.env
 export const ENV_DEV = 'development'
 export const IPFS_GATEWAY = 'https://cloudflare-ipfs.com'
 export const ARWEAVE_GATEWAY = 'https://arweave.net'
-export const INDEXER = NODE_ENV === ENV_DEV
+export const isDev = NODE_ENV === ENV_DEV
+export const INDEXER = isDev
   ? 'https://node.testnet.like.co'
   : 'https://mainnet-node.like.co'
-export const WALLET_CONFIG = NODE_ENV === ENV_DEV
+export const WALLET_CONFIG = isDev
   ? {
       chainId: 'likecoin-public-testnet-5',
       chainName: 'LikeCoin',

diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "dev": "nuxt",
+    "dev": "NODE_ENV=development nuxt",
     "build": "nuxt build",
     "start": "nuxt start",
     "generate": "nuxt generate",

diff --git a/pages/edit/_id.vue b/pages/edit/_id.vue
@@ -228,7 +228,7 @@ export default {
     const record = res.records[0].data
     this.iscnId = record['@id']
     Object.assign(this, record)
-    this.contentMetadata.keywords = record.contentMetadata.keywords.split(',').filter(k => k !== '')
+    this.contentMetadata.keywords = record.contentMetadata.keywords.split(',').filter(k => !!k)
   },
 
   computed: {
@@ -313,7 +313,7 @@ export default {
         } = JSON.parse(this.rawJSON)
         this.contentMetadata = {
           ...contentMetadata,
-          keywords: contentMetadata.keywords.split(',').filter(k => k !== ''),
+          keywords: contentMetadata.keywords.split(',').filter(k => !!k),
         }
         this.contentFingerprints = contentFingerprints
         this.stakeholders = stakeholders

diff --git a/pages/transfer/_id.vue b/pages/transfer/_id.vue
@@ -59,8 +59,8 @@ export default {
     const res = await this.$axios.$get(`/iscn/records?iscn_id_prefix=${this.iscnIdPrefix}&reverse=true&limit=1`)
     const record = res.records[0].data
     this.iscnId = record['@id']
-    Object.assign(this, record)
-    this.contentMetadata.keywords = record.contentMetadata.keywords.split(',').filter(k => k !== '')
+    this.owner = record.owner
+    this.contentMetadata = record.contentMetadata
   },
 
   computed: {