SBIT-266: subscription url or landing management added

src/components/Footer/Subscription/subscription.js

@@ -6,20 +6,38 @@ import "./subscription.scss"
 export default function Subscription() {
   const data = useFooter()
   const dataSubscription = data?.allStrapiLayout?.nodes[0]?.footer?.subscription
+  const subscriptionUrl = dataSubscription?.url
+  const subscriptionLanding = dataSubscription?.landing_page?.slug
+
+  const isExternalLink = subscriptionUrl?.startsWith('http')
 
   return (
     <div className="ContactData__Item contactData-container">
       <h6 className="titleSubscription">{dataSubscription?.title}</h6>
       <div>
         <div className="ContactData__Form d-flex flex-md-column justify-content-between">
           <button className="col-5">
-            <Link to="/recibe-nuestra-newsletter" >¡Aquí!</Link>
+            {
+              isExternalLink ? (
+                <a href={subscriptionUrl} target="_blank" rel="noopener noreferrer">¡Aquí!</a>
+              ) : (
+                <Link to={subscriptionLanding}>¡Aquí!</Link>
+              )
+            }
+            {/* <Link to="/recibe-nuestra-newsletter" >¡Aquí!</Link> */}
           </button>
         </div>
       </div>
       <button className="col-5 contactData-mobile_button">
-        <Link to="/recibe-nuestra-newsletter" >{dataSubscription?.title}</Link>
+        {
+          isExternalLink ? (
+            <a href={subscriptionUrl} target="_blank" rel="noopener noreferrer">{dataSubscription?.title}</a>
+          ) : (
+            <Link to={subscriptionLanding}>{dataSubscription?.title}</Link>
+          )
+        }
+        {/* <Link to="/recibe-nuestra-newsletter" >{dataSubscription?.title}</Link> */}
       </button>
     </div>
   )
-}
+}

src/hooks/useFooter.js

@@ -74,6 +74,10 @@ const useFooter = () => {
             }
             subscription {
               title
+              url
+              landing_page {
+                slug
+              }
             }
           }
         }
@@ -82,5 +86,4 @@ const useFooter = () => {
   `)
 }
 
-export default useFooter
-
+export default useFooter

src/schema/layoutSchema.js

@@ -117,7 +117,34 @@ type StrapiLayoutNavbarNavButtonLanding_page {
   type StrapiLayoutFooterSubscription {
     id: Int
     title: String
+    url: String
+    landing_page: StrapiLayoutFooterSubscriptionLanding
   }
+
+  type StrapiLayoutFooterSubscriptionLanding {
+  id: Int
+  name: String
+  slug: String
+  published_at(
+    formatString: String
+    fromNow: Boolean
+    difference: String
+    locale: String
+  ): Date
+  created_at(
+    formatString: String
+    fromNow: Boolean
+    difference: String
+    locale: String
+  ): Date
+  updated_at(
+    formatString: String
+    fromNow: Boolean
+    difference: String
+    locale: String
+  ): Date
+  }
+
 
   type StrapiLayoutFooterNavegation {
     id: Int

src/schema/schema.js

@@ -1308,6 +1308,32 @@ type StrapiLayoutNavbarLogo {
 type StrapiLayoutFooterSubscription {
   id: Int
   title: String
+  url: String
+  landing_page: StrapiLayoutFooterSubscriptionLanding
+}
+
+type StrapiLayoutFooterSubscriptionLanding {
+  id: Int
+  name: String
+  slug: String
+  published_at(
+    formatString: String
+    fromNow: Boolean
+    difference: String
+    locale: String
+  ): Date
+  created_at(
+    formatString: String
+    fromNow: Boolean
+    difference: String
+    locale: String
+  ): Date
+  updated_at(
+    formatString: String
+    fromNow: Boolean
+    difference: String
+    locale: String
+  ): Date
 }
 
 type StrapiLayoutFooterNavegation {