Merge pull request #108 from GenaDrop/stagging

Refactor artist page theme and remove commented code
GenaDrop · Feb 6, 2024 · 2f24dbc · 2f24dbc
2 parents 01707f7 + 4da0190
commit 2f24dbc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 47 deletions.
diff --git a/build/BosGenaDrop/src/DropFlow/ArtistPage/Index.jsx b/build/BosGenaDrop/src/DropFlow/ArtistPage/Index.jsx
@@ -3,13 +3,8 @@ const isMyProfile = accountId === context.accountId;
 
 const profile = Social.getr(`${accountId}/profile`);
 
-// const themeNumber = profile.theme ?? 0;
 const themeNumber = profile.theme ?? 0;
 
-console.log("profile", profile);
-
-console.log("theme", themeNumber);
-
 const showThemeButton = profile.theme;
 
 const createText = profile.theme ? "Edit Page" : "Create Your Page";
@@ -85,9 +80,6 @@ return (
         profile,
         accountId,
         onChangeTheme: () => {
-          // TODO: increment themeNumber by 1 to max 2 and then set it back to 0
-          console.log("themeNumber", themeNumber);
-          console.log("context", context);
           const nextThemeNumber = (themeNumber + 1) % 3;
           Social.set(
             {

diff --git a/build/BosGenaDrop/src/DropFlow/ArtistPage/Tabs.jsx b/build/BosGenaDrop/src/DropFlow/ArtistPage/Tabs.jsx
@@ -133,31 +133,6 @@ const portfolioIds = portfolio && Object.keys(portfolio);
 
 const currentTheme = Number(profile.theme) ?? 0;
 
-// if (portfolioIds) {
-//   for (let i = 0; i < portfolioIds.length; i++) {
-//     const id = portfolioIds[i];
-//     const item = profile.portfolio[id];
-
-//     console.log("Image url: ", item.image.cid);
-//   }
-// }
-
-// {description && (
-//   <Widget
-//     key="desc"
-//     loading=""
-//     src="mob.near/widget/MainPage.N.Post"
-//     props={{
-//       accountId: pageOwnerId,
-//       pinned: true,
-//       blockHeight: "now",
-//       content: {
-//         text: description,
-//       },
-//     }}
-//   />
-// )}
-
 const getFirstSBTToken = () => {
   const view = Near.view("registry.i-am-human.near", "sbt_tokens_by_owner", {
     account: `${context.accountId}`,
@@ -288,20 +263,13 @@ return (
           role="tabpanel"
           aria-labelledby="pills-nfts-tab"
         >
-          {/* {state.loadnfts && (
-            <Widget src="mob.near/widget/N.YourNFTs" props={{ pageOwnerId }} />
-          )} */}
           {nftType === "collection" && (
             <Widget
               src="bos.genadrop.near/widget/DropFlow.CollectionNFTs"
               props={{ contractId: nftAddresses[0], profile }}
             />
           )}
           {nftType === "single" && (
-            // <Widget
-            //   src="bos.genadrop.near/widget/DropFlow.AccountNFTs"
-            //   props={{ accountId: nftAddresses[0] }}
-            // />
             <div className="mt-2 row g-4">
               {nftAddresses.map((address) => (
                 <div className="col-md">
@@ -315,7 +283,6 @@ return (
                   />
                 </div>
               ))}
-              {/* <pre>{JSON.stringify(nftAddresses, null, 2)}</pre> */}
             </div>
           )}
         </div>
@@ -378,7 +345,6 @@ return (
               <div className="d-flex align-items-center gap-3 mb-3" key={item}>
                 <img
                   src={`https://ipfs.near.social/ipfs/${portfolio[item].image.cid}`}
-                  // className="col-sm"
                   width="100px"
                   height="100px"
                   style={{ objectFit: "cover" }}

diff --git a/build/BosGenaDrop/src/DropFlow/ArtistPage/theme1.jsx b/build/BosGenaDrop/src/DropFlow/ArtistPage/theme1.jsx
@@ -70,13 +70,13 @@ const ImageSection = styled.div`
   }
   .blurbg {
     position: absolute;
-    left: 0;
+    left: -35px;
     bottom: -40px;
     background: #fff;
     filter: blur(20px);
-    -webkit-backdrop-filter: blur(70px);
-    height: 160px;
-    width: 100%;
+    -webkit-backdrop-filter: blur(60px);
+    height: 130px;
+    width: 130%;
     flex-shrink: 0;
   }
   .titleArea {
@@ -103,7 +103,7 @@ const ImageSection = styled.div`
     }
     .username {
       overflow: hidden;
-      color: #b0b0b0;
+      color: #fff;
       text-overflow: ellipsis;
       font-family: Helvetica Neue;
       font-size: max(1.5vw, 16px);