Issue/1055

big-dipper-backend/imports/startup/server/index.js

@@ -17,8 +17,8 @@ import { Helmet } from 'react-helmet';
 const IMAGE_WIDTH = 1200;
 const IMAGE_HEIGHT = 800;
 
-var siteName = 'Big-Dipper';
-var description = 'Wallet deep link';
+var siteName =  'Big Dipper | Built on Pylons';
+var description = "Blockchain Development Tools For Digital Items & NFTs";
 var price = "No Price"
 var picWidth = IMAGE_WIDTH;
 var picHeight = IMAGE_HEIGHT;   

big-dipper/client/main.js

@@ -20,11 +20,11 @@ CURRENTUSERPUBKEY = 'ledgerUserPubKey';
 BLELEDGERCONNECTION = 'ledgerBLEConnection'
 ADDRESSINDEX = 'addressIndex'
 
-const siteName = 'Big-Dipper';
+const siteName = "Big Dipper | Built on Pylons";
 const defaultImage = '/img/buy_icon.png';
 const defaultMetaTags = `
 <meta property="og:title"       content="${siteName}" />
-<meta property="og:description" content="Wallet deep link" />
+<meta property="og:description" content="Blockchain Development Tools For Digital Items & NFTs" />
 <meta property="og:image"       content="${defaultImage}" />`;
 
 async function  getRecipeData(recipe_id){

big-dipper/client/styles.scss

@@ -1651,3 +1651,10 @@ model-viewer {
     width: 100% !important;
   }
 }
+.img-audio {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 90vh;
+}

big-dipper/imports/startup/server/index.js

@@ -20,8 +20,8 @@ const IMAGE_HEIGHT = 800;
 
 const defaultImage = '/img/buy_icon.png'; 
 const defaultMetaTags = `
-<meta property="og:title"       content="${"Big-Dipper"}" />
-<meta property="og:description" content="${"Wallet deep link"}" />
+<meta property="og:title"       content="${"Big Dipper | Built on Pylons"}" />
+<meta property="og:description" content="Blockchain Development Tools For Digital Items & NFTs" />
 <meta property="og:image"       content="${defaultImage}" />
 <meta property="og:url"         content="" />
 `;

big-dipper/imports/ui/easel_buy/EaselBuy.jsx

@@ -323,13 +323,31 @@ export default class EaselBuy extends Component {
         );
       else if (nftType.toLowerCase() === "audio")
         return (
-          <img
-            alt="views"
-            src={media}
-            className="mobin-img"
-            onClick={handleClick}
-            onContextMenu={handleClick}
-          />
+          <div className="img-audio">
+            <img
+              alt="views"
+              src={media}
+              className="mobin-img"
+              onClick={handleClick}
+              onContextMenu={handleClick}
+            />
+
+            <audio
+              controls
+              onClick={handleClick}
+              onContextMenu={handleClick}
+              controlsList="nodownload"
+              className="desktop-view "
+              style={{
+                marginTop: "25px",
+                height: "50px",
+              }}
+            >
+              <source src={src} type="audio/ogg" />
+              <source src={src} type="audio/mpeg" />
+              Your browser does not support the audio element.
+            </audio>
+          </div>
         );
       else if (nftType.toLowerCase() === "pdf")
         return (
@@ -416,7 +434,8 @@ export default class EaselBuy extends Component {
                             />
                           </p>
                         </div>
-                        {nftType?.toLowerCase() === "audio" ? (
+                        {/* Can Be Use For Later Version */}
+                        {/* {nftType?.toLowerCase() === "audio" ? (
                           <>
                             <audio
                               controls
@@ -435,7 +454,7 @@ export default class EaselBuy extends Component {
                           </>
                         ) : (
                           <></>
-                        )}
+                        )} */}
                         {/*For later Use*/}
                         {/* <div className="views">
                           <img
@@ -765,6 +784,7 @@ export default class EaselBuy extends Component {
                             />
                           </p>
                         </div>
+                        {/* Can Be Use For Later Version */}
                         {nftType?.toLowerCase() === "audio" ? (
                           <audio
                             controls