hngx-org · jahseed89 · Oct 20, 2023 · Oct 20, 2023
diff --git a/emails-temp/product/productpending.mjml b/emails-temp/product/productpending.mjml
@@ -1,11 +1,6 @@
 <mjml>
   <mj-head>
-    <mj-style>
-      body {
-        margin: initial;
-        padding: 24px 24px 48px 24px;
-      }
-    </mj-style>
+    <mj-style> body { margin: initial; padding: 24px 24px 48px 24px; } </mj-style>
     <mj-attributes>
       <mj-image padding="0px" />
       <mj-body background-color="#F0ECE6" />
@@ -17,61 +12,118 @@
     <mj-wrapper padding="0px" full-width="full-width">
       <mj-section>
         <mj-column>
-          <mj-image src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/greenzurilogo.png" alt="zuri portfolio logo" width="150px" />
+          <mj-image
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/greenzurilogo.png"
+            alt="zuri portfolio logo"
+            width="150px"
+          />
         </mj-column>
       </mj-section>
     </mj-wrapper>
     <mj-wrapper background-color="#fff">
       <mj-section padding="40px 2px 0px 2px">
         <mj-column>
-          <mj-text font-size="16px" font-weight="600" color="#000">
-            Hi, Dare
-          </mj-text>
+          <mj-text font-size="16px" font-weight="600" color="#000"> Hi, Dare </mj-text>
           <mj-text font-size="16px" line-height="20px" font-weight="600" color="#009254">
             Notice: Product Pending
           </mj-text>
-          <mj-text color="#191c1d" line-height="20px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
-            We want to inform you that your product, <mj-raw>
-              <span style="font-weight: bold; color: #191c1d">‘Road to marketing’</span>
-            </mj-raw>, is currently pending review before it can be published on our marketplace.
+          <mj-text
+            color="#191c1d"
+            line-height="20px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
+            We want to inform you that your product,
+            <mj-raw>
+              <span style="font-weight: bold; color: #191c1d">‘Road to marketing’</span> </mj-raw
+            >, is currently pending review before it can be published on our marketplace.
           </mj-text>
 
-          <mj-text color="#191c1d" line-height="20px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
-            Our team is diligently reviewing your product to ensure it meets our quality standards and guidelines. We appreciate your patience during this process, and we will notify you as soon as your product is live and available for customers.
+          <mj-text
+            color="#191c1d"
+            line-height="20px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
+            Our team is diligently reviewing your product to ensure it meets our quality standards and guidelines. We
+            appreciate your patience during this process, and we will notify you as soon as your product is live and
+            available for customers.
           </mj-text>
 
-          <mj-text color="#191c1d" line-height="20px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
-            If you have any questions or need further assistance, please don't hesitate to contact support <mj-raw>
-              <span style="color: #009254; text-decoration: underline">[email protected]</span>.
-            </mj-raw>
+          <mj-text
+            color="#191c1d"
+            line-height="20px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
+            If you have any questions or need further assistance, please don't hesitate to contact support
+            <mj-raw> <span style="color: #009254; text-decoration: underline">[email protected]</span>. </mj-raw>
           </mj-text>
         </mj-column>
       </mj-section>
 
       <mj-section padding="30px 2px 0px 2px">
         <mj-column>
-          <mj-text color="#191C1D" line-height="0" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
+          <mj-text
+            color="#191C1D"
+            line-height="0"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
             Thank you for choosing Zuriportfolio!
           </mj-text>
 
-          <mj-text color="#865311" font-weight="700" line-height="1px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
+          <mj-text
+            color="#865311"
+            font-weight="700"
+            line-height="1px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
             Zuri Team
           </mj-text>
         </mj-column>
-
       </mj-section>
     </mj-wrapper>
 
     <mj-section background-color="#009254">
       <mj-column>
-        <mj-image src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/logoo.png" alt="zuriportfolio logo" width="125px" />
+        <mj-image
+          src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/logoo.png"
+          alt="zuriportfolio logo"
+          width="125px"
+        />
         <mj-social align="center" icon-size="24px" mode="horizontal" padding="10px 0 0 0">
-          <mj-social-element name="instagram" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/instagram.png"></mj-social-element>
-          <mj-social-element name="facebook" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/facebook.png"></mj-social-element>
-          <mj-social-element name="twitter" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/twitter.png"></mj-social-element>
-          <mj-social-element name="linkedin" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/linkedin.png"></mj-social-element>
+          <mj-social-element
+            name="instagram"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/instagram.png"
+          ></mj-social-element>
+          <mj-social-element
+            name="facebook"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/facebook.png"
+          ></mj-social-element>
+          <mj-social-element
+            name="twitter"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/twitter.png"
+          ></mj-social-element>
+          <mj-social-element
+            name="linkedin"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/linkedin.png"
+          ></mj-social-element>
         </mj-social>
-        <mj-text color="#fff" font-family="Verdana" padding="10px 0 0 0" font-size="14px" letter-spacing="0.048px" align="center">
+        <mj-text
+          color="#fff"
+          font-family="Verdana"
+          padding="10px 0 0 0"
+          font-size="14px"
+          letter-spacing="0.048px"
+          align="center"
+        >
           Beaverton, Oregon, Washington County, USA
         </mj-text>
         <mj-text color="#fff" font-size="12px" padding="10px 0 0 0" align="center" letter-spacing="0.048px">
@@ -80,4 +132,4 @@
       </mj-column>
     </mj-section>
   </mj-body>
-</mjml>
+</mjml>
diff --git a/emails-temp/product/productpublished.mjml b/emails-temp/product/productpublished.mjml
@@ -1,11 +1,6 @@
 <mjml>
   <mj-head>
-    <mj-style>
-      body {
-        margin: initial;
-        padding: 24px 24px 48px 24px;
-      }
-    </mj-style>
+    <mj-style> body { margin: initial; padding: 24px 24px 48px 24px; } </mj-style>
     <mj-attributes>
       <mj-image padding="0px" />
       <mj-body background-color="#F0ECE6" />
@@ -17,61 +12,119 @@
     <mj-wrapper padding="0px" full-width="full-width">
       <mj-section>
         <mj-column>
-          <mj-image src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/greenzurilogo.png" alt="zuri portfolio logo" width="150px" />
+          <mj-image
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/greenzurilogo.png"
+            alt="zuri portfolio logo"
+            width="150px"
+          />
         </mj-column>
       </mj-section>
     </mj-wrapper>
     <mj-wrapper background-color="#fff">
       <mj-section padding="40px 2px 0px 2px">
         <mj-column>
-          <mj-text font-size="16px" font-weight="600" color="#000">
-            Hi, Dare
-          </mj-text>
+          <mj-text font-size="16px" font-weight="600" color="#000"> Hi, Dare </mj-text>
           <mj-text font-size="16px" line-height="20px" font-weight="600" color="#009254">
             Notice: Product Published
           </mj-text>
-          <mj-text color="#191c1d" line-height="20px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
-            We're thrilled to inform you that your product, <mj-raw>
-              <span style="font-weight: bold; color: #191c1d">‘Road to marketing’</span>
-            </mj-raw>, is now live on our marketplace.
+          <mj-text
+            color="#191c1d"
+            line-height="20px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
+            We're thrilled to inform you that your product,
+            <mj-raw>
+              <span style="font-weight: bold; color: #191c1d">‘Road to marketing’</span> </mj-raw
+            >, is now live on our marketplace.
           </mj-text>
 
-          <mj-text color="#191c1d" line-height="20px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
-            We want to express our gratitude for choosing our marketplace to showcase your products. We believe that your presence will contribute to the success of our platform, and we are committed to supporting you in your journey as a seller.
+          <mj-text
+            color="#191c1d"
+            line-height="20px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
+            We want to express our gratitude for choosing our marketplace to showcase your products. We believe that
+            your presence will contribute to the success of our platform, and we are committed to supporting you in your
+            journey as a seller.
           </mj-text>
 
-          <mj-text color="#191c1d" line-height="20px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
-            If you have any questions, encounter any issues, or need guidance on optimizing your product listings, please don't hesitate to contact support <mj-raw>
-              <span style="color: #009254; text-decoration: underline">[email protected]</span>.
-            </mj-raw>
+          <mj-text
+            color="#191c1d"
+            line-height="20px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
+            If you have any questions, encounter any issues, or need guidance on optimizing your product listings,
+            please don't hesitate to contact support
+            <mj-raw> <span style="color: #009254; text-decoration: underline">[email protected]</span>. </mj-raw>
           </mj-text>
         </mj-column>
       </mj-section>
 
       <mj-section padding="30px 2px 0px 2px">
         <mj-column>
-          <mj-text color="#191C1D" line-height="0" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
+          <mj-text
+            color="#191C1D"
+            line-height="0"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
             Thank you for choosing Zuriportfolio!
           </mj-text>
 
-          <mj-text color="#865311" font-weight="700" line-height="1px" font-family="Century Gothic, sans-serif" font-size="14px" letter-spacing="0.035px">
+          <mj-text
+            color="#865311"
+            font-weight="700"
+            line-height="1px"
+            font-family="Century Gothic, sans-serif"
+            font-size="14px"
+            letter-spacing="0.035px"
+          >
             Zuri Team
           </mj-text>
         </mj-column>
-
       </mj-section>
     </mj-wrapper>
 
     <mj-section background-color="#009254">
       <mj-column>
-        <mj-image src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/logoo.png" alt="zuriportfolio logo" width="125px" />
+        <mj-image
+          src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/logoo.png"
+          alt="zuriportfolio logo"
+          width="125px"
+        />
         <mj-social align="center" icon-size="24px" mode="horizontal" padding="10px 0 0 0">
-          <mj-social-element name="instagram" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/instagram.png"></mj-social-element>
-          <mj-social-element name="facebook" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/facebook.png"></mj-social-element>
-          <mj-social-element name="twitter" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/twitter.png"></mj-social-element>
-          <mj-social-element name="linkedin" src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/linkedin.png"></mj-social-element>
+          <mj-social-element
+            name="instagram"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/instagram.png"
+          ></mj-social-element>
+          <mj-social-element
+            name="facebook"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/facebook.png"
+          ></mj-social-element>
+          <mj-social-element
+            name="twitter"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/twitter.png"
+          ></mj-social-element>
+          <mj-social-element
+            name="linkedin"
+            src="https://zuriportfolio-frontend-pw1h.vercel.app/assets/images/emails-temp/newbadge/linkedin.png"
+          ></mj-social-element>
         </mj-social>
-        <mj-text color="#fff" font-family="Verdana" padding="10px 0 0 0" font-size="14px" letter-spacing="0.048px" align="center">
+        <mj-text
+          color="#fff"
+          font-family="Verdana"
+          padding="10px 0 0 0"
+          font-size="14px"
+          letter-spacing="0.048px"
+          align="center"
+        >
           Beaverton, Oregon, Washington County, USA
         </mj-text>
         <mj-text color="#fff" font-size="12px" align="center" letter-spacing="0.048px">
@@ -80,4 +133,4 @@
       </mj-column>
     </mj-section>
   </mj-body>
-</mjml>
+</mjml>
diff --git a/emails-temp/user/welcome-email.mjml b/emails-temp/user/welcome-email.mjml
@@ -40,7 +40,13 @@
         </mj-column>
 
         <mj-column padding-top="5px" width="5%">
-          <mj-text><div style="color:white; background-color:#865311; padding:2px 3px; border-radius:50%; font-size: 12px;">&#10003;</div></mj-text>
+          <mj-text
+            ><div
+              style="color: white; background-color: #865311; padding: 2px 3px; border-radius: 50%; font-size: 12px"
+            >
+              &#10003;
+            </div></mj-text
+          >
         </mj-column>
         <mj-column width="95%" padding-left="20px">
           <mj-text line-height="25px" font-family="Verdana, Century Gothic">
@@ -49,7 +55,13 @@
         </mj-column>
 
         <mj-column padding-top="5px" width="5%">
-          <mj-text><div style="color:white; background-color:#865311; padding:2px 3px; border-radius:50%; font-size: 12px;">&#10003;</div></mj-text>
+          <mj-text
+            ><div
+              style="color: white; background-color: #865311; padding: 2px 3px; border-radius: 50%; font-size: 12px"
+            >
+              &#10003;
+            </div></mj-text
+          >
         </mj-column>
         <mj-column width="95%" padding-left="20px">
           <mj-text line-height="25px" font-family="Verdana, Century Gothic">
@@ -58,7 +70,13 @@
         </mj-column>
 
         <mj-column padding-top="5px" width="5%">
-          <mj-text><div style="color:white; background-color:#865311; padding:2px 3px; border-radius:50%; font-size: 12px;">&#10003;</div></mj-text>
+          <mj-text
+            ><div
+              style="color: white; background-color: #865311; padding: 2px 3px; border-radius: 50%; font-size: 12px"
+            >
+              &#10003;
+            </div></mj-text
+          >
         </mj-column>
         <mj-column width="95%" padding-left="20px">
           <mj-text line-height="25px" font-family="Verdana, Century Gothic">
@@ -67,7 +85,13 @@
         </mj-column>
 
         <mj-column padding-top="5px" width="5%">
-          <mj-text><div style="color:white; background-color:#865311; padding:2px 3px; border-radius:50%; font-size: 12px;">&#10003;</div></mj-text>
+          <mj-text
+            ><div
+              style="color: white; background-color: #865311; padding: 2px 3px; border-radius: 50%; font-size: 12px"
+            >
+              &#10003;
+            </div></mj-text
+          >
         </mj-column>
         <mj-column width="95%" padding-left="20px">
           <mj-text line-height="25px" font-family="Verdana, Century Gothic">

diff --git a/modules/marketplace/AllCategories/AllCategoriesPage.tsx b/modules/marketplace/AllCategories/AllCategoriesPage.tsx
@@ -71,10 +71,10 @@ export default function AllCategoriesPage() {
 
   return (
     <>
-    <Head>
-      <title>All Categories Page</title>
-      <meta name="description" content="Explore products from All categories here." />
-    </Head>
+      <Head>
+        <title>All Categories Page</title>
+        <meta name="description" content="Explore products from All categories here." />
+      </Head>
       {categoryProducts.isLoading ? (
         <div
           className={`flex flex-nowrap lg:grid grid-cols-4 justify-between gap-y-[70px] mb-[74px] w-full overflow-scroll ${styles['hide-scroll']}`}