FrontEnd Update

Author: Shawn-dv

update.sh

@@ -37,7 +37,7 @@ case $choice in
     cd web_app/Source_webapp || { echo "Error: Failed to navigate to web_app directory."; exit 1; }
 
     echo "Installing new packages for web_app via npm..."
-    if npm install; then
+    if npm install --legacy-peer-deps; then
         echo "Packages for web_app installed successfully."
     else
         echo "Error: Failed to install web_app packages."

web_app/Source_webapp/src/utils/ipfsUtils.ts

@@ -10,10 +10,11 @@ interface NFTMetadata {
 }
 
 export const uploadNFTToIPFS = async (
-    metadata: NFTMetadata
+    metadata: NFTMetadata,
+    nftStorageApiKey: string
 ): Promise<string> => {
     const client = new NFTStorage({
-        token: '',
+        token: nftStorageApiKey,
     })
 
     try {

web_app/Source_webapp/src/views/account/Settings/components/SelectDeviceForNFT.tsx

@@ -64,7 +64,7 @@ export default function SelectDeviceForNFT() {
                         value: device.hardwareVersion,
                     },
                 ],
-            })
+            }, process.env.VITE_NFT_STORAGE_API_KEY || '')
 
             // Step 3: Create NFT with metadata URL
             const result = await CreateDeviceNFT(