[FIX] added demo and fixed mapping in explore page

README.md

@@ -1,6 +1,18 @@
 # blockStore
 blockStore is an online marketplace for buying and selling digital products only leveraging token-gated access. With blockStore, users can interact with content that is protected by non-fungible tokens, or NFTs. This means that to access a digital product's content, a user must first claim the corresponding NFT. It also provides tools for sellers to list new products for sale leveraging the Orbis SDK. All transactions and access to content on blockStore are recorded on the blockchain, making it easy for users to track their purchases and for sellers to withdraw their profits from their unlock dashboard. 
 
+Welcome to our online marketplace, where you can buy and sell assets using the power of blockchain technology. Our platform is secure, decentralized, and user-friendly, making it easy for you to take control of your assets and participate in the future of finance. With Block Store, you can confidently and confidently transact with others without the need for intermediaries. Join us and join the revolution of decentralized asset trading today.
+
+## Demo
+<p float="left">
+  <img src="assets/1.jpeg" alt="App Demo">
+ <img src="assets/2.jpeg"  alt="App Demo">
+
+   <img src="assets/3.jpeg"  alt="App Demo">
+   <img src="assets/4.jpeg"  alt="App Demo">
+   <img src="assets/5.jpeg"  alt="App Demo">
+
+</p>
 
 ## Prerequisites
 
@@ -10,7 +22,7 @@ The admin user must have Node.js and npm to use this platform. Just download Nod
 
 Clone the repo via CLI:
 ```sh
-git clone https://github.com/Harsh2220/blockStore
+git clone https://github.com/rkmonarch/blockStore
 cd blockStore
 ```
 

pages/_app.tsx

@@ -16,7 +16,7 @@ import {
 import { polygonMumbai } from "wagmi/chains";
 import { publicProvider } from "wagmi/providers/public";
 import { GeneralProvider } from "../context";
-const alchemyId = "SH8NoQMHqmNkqexUapP5tVgv5KRQoFVx";
+const alchemyId = "Alchemy_key";
 
 const { chains } = configureChains([goerli], [publicProvider()]);
 
@@ -29,7 +29,7 @@ const wagmiClient = createClient(
 );
 
 const client = createReactClient({
-  provider: studioProvider({ apiKey: "ff1b0e50-c8e1-4f5f-b462-d1e8c961e232" }),
+  provider: studioProvider({ apiKey: "livepeer_studio_key" }),
 });
 
 export default function App({ Component, pageProps }: AppProps) {

pages/paywall.tsx

@@ -5,7 +5,7 @@ export default function paywall() {
     <div style={{ width: "100vw", height: "100vh" }}>
       {/* Show iframe and load url into it */}
       <iframe
-        src="https://app.unlock-protocol.com/checkout?paywallConfig=%7B%22locks%22%3A%7B%220xc37ffe60f6c3830ed0e92939d41100ad1ecf8fd46d9%22%3A%7B%22network%22%3A5%7D%7D%2C%22pessimistic%22%3Atrue%2C%22skipRecipient%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22referrer%22%3A%22%22%2C%22messageToSign%22%3A%22%22%2C%22hideSoldOut%22%3Afalse%2C%22redirectUri%22%3A%22http%3A%2F%2Flocalhost%3A3000%2Fexplore%22%7D"
+        src="unlock_url"
         width="100vw"
         height="100vh"
       />

pages/play.tsx

@@ -2,7 +2,7 @@ import { Player } from "@livepeer/react";
 import Image from "next/image";
 
 const playbackId =
-  "bafybeida3w2w7fch2fy6rfvfttqamlcyxgd3ddbf4u25n7fxzvyvcaegxy";
+  "playbackId";
 
 import image from "../assets/image.png";
 

pages/video.tsx

@@ -146,7 +146,7 @@ export default function UploadVideo() {
   };
 
   const { config } = usePrepareContractWrite({
-    address: "0x627118a4fB747016911e5cDA82e2E77C531e8206",
+    address: "lock_address",
     abi: UnlockV11.abi,
     functionName: "createUpgradeableLockAtVersion",
     args: [calldata, 11], // We currently deploy version 11
@@ -212,8 +212,7 @@ export default function UploadVideo() {
       body: description,
       title: name,
       data: {
-        // unlockAddress:"0xc37ffe60f6c3830ed0e92939d41ad1ecf8fd46d9",
-        // creatorName:"Rahul"
+
         playbackID: playbackId,
         imageUrl: thumbnailAddr,
       },
@@ -249,18 +248,7 @@ export default function UploadVideo() {
     }
   }, []);
 
-  // useEffect(() => {
-  //   if (receipt) {
-  //     useContractEvent({
-  //       address: receipt.logs[0].address as string,
-  //       abi: PublicLockV11.abi,
-  //       eventName: "NewLock",
-  //       listener(...args) {
-  //         console.log(args);
-  //       },
-  //     });
-  //   }
-  // }, [receipt]);
+
 
   const progressFormatted = useMemo(
     () =>
@@ -450,7 +438,7 @@ export default function UploadVideo() {
                         const files = (e.target as HTMLInputElement).files!;
                         const client = new Web3Storage({
                           token:
-                            "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJkaWQ6ZXRocjoweDkxZTRjOEMwNTJiMzkzNEQ3Nzc5NWM3QWQ3MkQ0MTFhMGQyMWUxODIiLCJpc3MiOiJ3ZWIzLXN0b3JhZ2UiLCJpYXQiOjE2NzE2ODYwNTU1NjIsIm5hbWUiOiJNYXRpYy1Qcm9maWxlIn0.zDWjIoqZUCnPXtvWXjm_ZbvPN2ZZHTfcK7JHdM2S7hk",
+                            "web3_storage_token",
                         });
                         client.put(files).then((cid) => {
                           console.log(cid);