add image to collection modal: add id to input field and key to the i…

…mg element

components/nft/collection/AddImageToCollectionModal.vue

@@ -25,10 +25,10 @@
 
             <p v-if="!$config.fileUploadEnabled">Paste image link here:</p>
 
-            <input v-model="imageUrl" type="text" class="form-control">
+            <input v-model="imageUrl" type="text" class="form-control" id="addImageToCollectionInput" />
 
             <div v-if="imageUrl" class="mt-3">
-              <img :src="imageUrl" class="img-thumbnail img-fluid" style="max-width: 100px;" />
+              <img :src="imageUrl" :key="imageUrl" class="img-thumbnail img-fluid" style="max-width: 100px;" />
               <br />
               <small>If image didn't appear above, then something is wrong with the link you added.</small>
             </div>

pages/nft/index.vue

@@ -166,6 +166,7 @@ export default {
 
       // create launchpad contract object
       const launchpadInterface = new ethers.utils.Interface([
+        "function getLastNftContracts(uint256 amount) external view returns(address[] memory)",
         "function getNftContracts(uint256 fromIndex, uint256 toIndex) external view returns(address[] memory)",
         "function getNftContractsArrayLength() external view returns(uint256)"
       ]);
@@ -177,11 +178,14 @@ export default {
       );
 
       // get all NFTs array length
-      if (this.allNftsArrayLength === 0) {
+      if (Number(this.allNftsArrayLength) === 0) {
         this.allNftsArrayLength = await launchpadContract.getNftContractsArrayLength();
       }
 
-      if (this.allNftsArrayLength > 0) {
+      if (Number(this.allNftsArrayLength) === 1) {
+        const lNfts = await launchpadContract.getLastNftContracts(1);
+        await this.parseNftsArray(lNfts, this.lastNfts, provider);
+      } else if (Number(this.allNftsArrayLength) > 1) {
         // set the start and end index, if end index is 0
         if (this.allNftsIndexEnd === 0) {
           this.allNftsIndexEnd = this.allNftsArrayLength - 1;