From 1e6fc2f3baf3e0330f46aab7ed632296995d0503 Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:14:28 -0700
Subject: [PATCH 1/8] replace dashed property names with camelCase

---
 src/pages/display/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index a56772b8e..8298353fb 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -870,7 +870,7 @@ export default class Display extends Component {
                   filter: !this.state.filter
                 })}>
                   <Primary>
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="feather feather-filter">
                       <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
                     </svg>
                   </Primary>

From 3fbf4009eea497fa321a66ca62fe40ff4e24a440 Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:16:41 -0700
Subject: [PATCH 2/8] put key on top level container

---
 src/pages/display/index.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index 8298353fb..91d09e794 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -1011,12 +1011,10 @@ export default class Display extends Component {
               >
                 <ResponsiveMasonry>
                   {this.state.items.map((nft) => {
-                    // console.log('swaps ' + JSON.stringify(nft))
                     return (
-                      <div className={styles.cardContainer}>
+                      <div className={styles.cardContainer} key={nft.id}>
                         <Button
                           style={{ positon: 'relative' }}
-                          key={nft.id}
                           to={`${PATH.OBJKT}/${nft.id}`}>
                           <div className={styles.container}>
                             {renderMediaType({
@@ -1158,10 +1156,9 @@ export default class Display extends Component {
                   {this.state.items.map((nft) => {
                     //console.log('nft: ' + JSON.stringify(nft))
                     return (
-                      <div className={styles.cardContainer}>
+                      <div className={styles.cardContainer} key={nft.token.id}>
                         <Button
                           style={{ position: 'relative' }}
-                          key={nft.token.id}
                           to={`${PATH.OBJKT}/${nft.token.id}`}>
                           <div className={styles.container}>
                             {renderMediaType({

From f81e7944c1cb126d933ce4a62f0c8eaf3e94a5bc Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:19:23 -0700
Subject: [PATCH 3/8] replace nested if / else with single if / else

---
 src/pages/display/index.js | 22 +++-------------------
 1 file changed, 3 insertions(+), 19 deletions(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index 91d09e794..1bdc99675 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -596,26 +596,10 @@ export default class Display extends Component {
 
   // called if there's no redirect
   onReady = async () => {
-
-    // based on route, define initial state
-    if (this.state.subjkt !== '') {
-      // if alias route
-      if (window.location.pathname.split('/')[2] === 'creations') {
-        this.creations()
-      } else if (window.location.pathname.split('/')[2] === 'collection') {
-        this.collectionFull()
-      } else {
-        this.creations()
-      }
+    if (window.location.pathname.split('/').pop() === 'collection') {
+      this.collectionFull()
     } else {
-      // if tz wallet route
-      if (window.location.pathname.split('/')[3] === 'creations') {
-        this.creations()
-      } else if (window.location.pathname.split('/')[3] === 'collection') {
-        this.collectionFull()
-      } else {
-        this.creations()
-      }
+      this.creations()
     }
   }
 

From 8549dd9a9b251d4acfe6ece6309d2fb90ad9b6e9 Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:20:55 -0700
Subject: [PATCH 4/8] reduce if statements in setting state

---
 src/pages/display/index.js | 53 +++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 30 deletions(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index 1bdc99675..09a64c2d7 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -301,48 +301,41 @@ export default class Display extends Component {
     collectionState: false,
     collectionType: 'notForSale',
     hdao: 0,
-    claim: []
+    claim: [],
+    discord: null,
+    discordLinkCopied: null,
+    dns: null,
+    github: null,
+    twitter: null,
+    tzprofile: null,
   }
 
   componentWillMount = async () => {
 
     const id = window.location.pathname.split('/')[1]
-    // console.log(window.location.pathname.split('/'))
 
     if (id === 'tz') {
 
       const wallet = window.location.pathname.split('/')[2]
+      this.setState({ wallet: wallet, walletPreview: walletPreview(wallet) })
 
-      this.setState({
-        wallet,
-        walletPreview: walletPreview(wallet),
-      })
-      //let res = await fetchSubjkts(decodeURI(window.location.pathname.split('/')[1]))
-      // console.log(decodeURI(window.location.pathname.split('/')[1]))
       await GetUserMetadata(wallet).then((data) => {
-        const {
-          twitter,
-          tzprofile,
-          discord,
-          github,
-          dns,
-        } = data.data
-
-        if (data.data.twitter) this.setState({ twitter })
-        if (data.data.tzprofile) this.setState({ tzprofile })
-        if (data.data.discord) this.setState({ discord, copied: false })
-        if (data.data.github) this.setState({ github })
-        if (data.data.dns) this.setState({ dns })
+        this.setState({
+          discord: data.data.discord,
+          dns: data.data.dns,
+          github: data.data.github,
+          twitter: data.data.twitter,
+          tzprofile: data.data.tzprofile
+        })
       })
+
       let res = await fetchTz(wallet)
       try {
         if (res[0]) {
-          let meta = await axios.get('https://cloudflare-ipfs.com/ipfs/' + res[0].metadata_file.split('//')[1]).then(res => res.data)
+          this.setState({ hdao: Math.floor(res[0].hdao_balance / 1000000), subjkt: res[0].name })
 
-          if (meta.description) this.setState({ description: meta.description })
-          if (meta.identicon) this.setState({ identicon: meta.identicon })
-          if (res[0]) this.setState({ subjkt: res[0].name })
-          if (res[0]) this.setState({ hdao: Math.floor(res[0].hdao_balance / 1000000) })
+          const meta = await axios.get('https://cloudflare-ipfs.com/ipfs/' + res[0].metadata_file.split('//')[1]).then(res => res.data)
+          if (meta.description) this.setState({ description: meta.description, identicon: meta.identicon })
         }
       } catch (e) {
         console.log("error " + e)
@@ -616,9 +609,9 @@ export default class Display extends Component {
     const missingSize = handleSize - 6;
     const spaces = ' '.repeat(Math.ceil(Math.abs(missingSize / 2)));
     if (missingSize < 0) {
-      return `${this.state.copied ? 'Copied' : `${spaces}${this.state.discord}${spaces}`}`;
+      return `${this.state.discordLinkCopied ? 'Copied' : `${spaces}${this.state.discord}${spaces}`}`;
     } else {
-      return `${this.state.copied ? `${spaces}Copied${spaces}` : `${this.state.discord}`}`;
+      return `${this.state.discordLinkCopied ? `${spaces}Copied${spaces}` : `${this.state.discord}`}`;
     }
   }
 
@@ -760,8 +753,8 @@ export default class Display extends Component {
                   )}
                   {this.state.discord && (
                     <Button onClick={() => {
-                      this.setState({ copied: true })
-                      setTimeout(() => this.setState({ copied: false }), 1000)
+                      this.setState({ discordLinkCopied: true })
+                      setTimeout(() => this.setState({ discordLinkCopied: false }), 1000)
                       navigator.clipboard.writeText(this.state.discord)
                     }}>
                       <Primary>

From 0c87323913246ca370d10376a3b1a5bc1cc96c0a Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:28:27 -0700
Subject: [PATCH 5/8] no need to if (...) on setting metadata

---
 src/pages/display/index.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index 09a64c2d7..79d476132 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -302,10 +302,12 @@ export default class Display extends Component {
     collectionType: 'notForSale',
     hdao: 0,
     claim: [],
+    description: null,
     discord: null,
     discordLinkCopied: null,
     dns: null,
     github: null,
+    identicon: null,
     twitter: null,
     tzprofile: null,
   }
@@ -335,7 +337,7 @@ export default class Display extends Component {
           this.setState({ hdao: Math.floor(res[0].hdao_balance / 1000000), subjkt: res[0].name })
 
           const meta = await axios.get('https://cloudflare-ipfs.com/ipfs/' + res[0].metadata_file.split('//')[1]).then(res => res.data)
-          if (meta.description) this.setState({ description: meta.description, identicon: meta.identicon })
+          this.setState({ description: meta.description, identicon: meta.identicon })
         }
       } catch (e) {
         console.log("error " + e)
@@ -346,10 +348,8 @@ export default class Display extends Component {
       // console.log(decodeURI(window.location.pathname.split('/')[1]))
       console.log(res)
       if (res[0].metadata_file) {
-        let meta = await axios.get('https://cloudflare-ipfs.com/ipfs/' + res[0].metadata_file.split('//')[1]).then(res => res.data)
-        console.log(meta)
-        if (meta.description) this.setState({ description: meta.description })
-        if (meta.identicon) this.setState({ identicon: meta.identicon })
+        const meta = await axios.get('https://cloudflare-ipfs.com/ipfs/' + res[0].metadata_file.split('//')[1]).then(res => res.data)
+        this.setState({ description: meta.description, identicon: meta.identicon })
       }
       if (res.length >= 1) {
         this.setState({

From 5696efd93cfad15b4dbedd898854aa0d4e298a9b Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:36:39 -0700
Subject: [PATCH 6/8] metadata request simplification, remove nested if

---
 src/pages/display/index.js | 37 ++++++++++---------------------------
 1 file changed, 10 insertions(+), 27 deletions(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index 79d476132..af8265903 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -365,18 +365,13 @@ export default class Display extends Component {
       }
 
       await GetUserMetadata(this.state.wallet).then((data) => {
-        const {
-          dns,
-          github,
-          discord,
-          twitter,
-          tzprofile
-        } = data.data
-        if (data.data.dns) this.setState({ dns })
-        if (data.data.github) this.setState({ github })
-        if (data.data.discord) this.setState({ discord })
-        if (data.data.twitter) this.setState({ twitter })
-        if (data.data.tzprofile) this.setState({ tzprofile })
+        this.setState({
+          discord: data.data.discord,
+          dns: data.data.dns,
+          github: data.data.github,
+          twitter: data.data.twitter,
+          tzprofile: data.data.tzprofile
+        })
       })
       this.onReady()
     }
@@ -453,22 +448,10 @@ export default class Display extends Component {
       return objkts
     })
 
-    this.setState({ marketV1: v1Swaps, loading: false })
-    this.setState({ objkts: this.state.creations, loading: false, items: [] })
+    this.setState({ marketV1: v1Swaps, objkts: this.state.creations, loading: false, items: [] })
 
-    if (forSaleType !== null) {
-      if (forSaleType == 0) {
-        this.setState({
-          objkts: await this.filterCreationsForSalePrimary(this.state.objkts)
-        })
-      } else if (forSaleType == 1) {
-        this.setState({
-          objkts: await this.filterCreationsForSaleSecondary(this.state.objkts)
-        })
-      }
-    } else {
-      console.log("forSaleType is null")
-    }
+    if (forSaleType === 0) this.setState({ objkts: await this.filterCreationsForSalePrimary(this.state.objkts) })
+    if (forSaleType === 1) this.setState({ objkts: await this.filterCreationsForSaleSecondary(this.state.objkts) })
 
     this.setState({ items: this.state.objkts.slice(0, 15), offset: 15 })
   }

From f66cd654d25ac43198de6f1168eb9159012c3390 Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:43:39 -0700
Subject: [PATCH 7/8] display artist name in tab header

---
 src/pages/display/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index af8265903..1b63c3709 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -600,7 +600,7 @@ export default class Display extends Component {
 
   render() {
     return (
-      <Page title={this.state.alias}>
+      <Page title={this.state.subjkt}>
         <Container>
           <Padding>
             <div className={styles.profile}>

From 5b796659cc080539b1978102c56c5b5a72d6f101 Mon Sep 17 00:00:00 2001
From: TezzardzGoneWild <TezzardzGoneMild@gmail.com>
Date: Sat, 6 Nov 2021 17:44:29 -0700
Subject: [PATCH 8/8] state.alias is not a real thing

---
 src/pages/display/index.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/pages/display/index.js b/src/pages/display/index.js
index 1b63c3709..3841a5c3e 100644
--- a/src/pages/display/index.js
+++ b/src/pages/display/index.js
@@ -607,15 +607,9 @@ export default class Display extends Component {
               <Identicon address={this.state.wallet} logo={this.state.identicon} />
 
               <div className={styles.info}>
-                {this.state.alias && !this.state.subjkt ? (
-                  <p>
-                    <strong>{this.state.alias}</strong>
-                  </p>
-                ) : (
-                  <p>
-                    <strong>{this.state.subjkt}</strong>
-                  </p>
-                )}
+                <p>
+                  <strong>{this.state.subjkt}</strong>
+                </p>
                 {this.state.description && <p>{this.state.description}</p>}
                 <Button href={`https://tzkt.io/${this.state.wallet}`}>
                   <Primary>{walletPreview(this.state.wallet)}</Primary>