Merge branch 'testnet' into fix-971

lfglabs-dev · Feb 17, 2025 · a11664e · a11664e
2 parents 0de47fe + ef35d7e
commit a11664e
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 7 deletions.
diff --git a/components/UI/iconsComponents/clickableAction.tsx b/components/UI/iconsComponents/clickableAction.tsx
@@ -20,7 +20,7 @@ const ClickableAction: FunctionComponent<ClickableActionProps> = ({
 }) => {
   return (
     <div
-      className={`
+      className={` mx-auto -space-x-1 
         ${
           style === "secondary"
             ? styles.clickableActionSecondary
@@ -31,9 +31,9 @@ const ClickableAction: FunctionComponent<ClickableActionProps> = ({
     >
       <div
         className={
-          style === "secondary"
+          ` ${style === "secondary"
             ? styles.clickableIconSecondary
-            : styles.clickableIconPrimary
+            : styles.clickableIconPrimary}`
         }
       >
         {icon}

diff --git a/components/identities/selectedCollections.tsx b/components/identities/selectedCollections.tsx
@@ -3,18 +3,24 @@ import styles from "../../styles/components/profilePic.module.css";
 import { NftCollections } from "../../utils/constants";
 import ArrowRightIcon from "../UI/iconsComponents/icons/arrowRightIcon";
 import theme from "../../styles/theme";
+import { useRouter } from "next/router";
 
 const SelectedCollections: FunctionComponent = () => {
+  const router = useRouter();
+  const NFT_MARKETPLACE_URL = "https://unframed.co/";
+  const nftMarketPlace: React.MouseEventHandler<HTMLButtonElement> = () => {
+    window.open(NFT_MARKETPLACE_URL, "_blank", "noopener noreferrer");
+  };
   return (
     <>
-      <div className={styles.nftCollectionWraper}>
+      <div
+        className={`mx-auto flex flex-col justify-center ${styles.nftCollectionWraper}`}>
         {NftCollections.map((collection, index) => {
           return (
             <div
               className={styles.nftCollectionCard}
               key={index}
-              onClick={() => window.open(collection.externalLink)}
-            >
+              onClick={() => window.open(collection.externalLink)}>
               <div
                 style={{ backgroundImage: `url(${collection.imageUri})` }}
                 className={styles.nftCollectionImg}

diff --git a/styles/components/profilePic.module.css b/styles/components/profilePic.module.css
@@ -10,6 +10,21 @@
   margin-bottom: 2rem;
 }
 
+.cancelBtn {
+  margin:10px auto;
+  text-align: center;
+  font-family: "QuickZap";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 28px;
+  color: #454545;
+  cursor: pointer;
+
+
+
+}
+
 .arrows {
   display: flex;
   margin: 35px 0;
@@ -89,6 +104,7 @@
   padding-bottom: 10px;
   grid-template-columns: repeat(3, 1fr);
 }
+
 .nftImg img {
   width: 100%;
   height: 100%;

diff --git a/styles/theme.ts b/styles/theme.ts
@@ -11,7 +11,7 @@ const theme = createTheme({
       light: "#eae0d5",
     },
     background: {
-      default: "#F5F5F5",
+      default: "#FFF",
     },
     grey: {
       200: "#CDCCCC",