From d590a1e255d95a8fb03a4e9266bdcca4a0bd4e87 Mon Sep 17 00:00:00 2001
From: Anyul Rivas <anyul.rivas@ingrammicro.com>
Date: Thu, 20 Mar 2025 09:29:40 +0100
Subject: [PATCH 1/4] refactor: abstract functionality in a hook

---
 src/hooks/useDateInterval.ts | 40 ++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/hooks/useDateInterval.ts

diff --git a/src/hooks/useDateInterval.ts b/src/hooks/useDateInterval.ts
new file mode 100644
index 00000000..913c0e2c
--- /dev/null
+++ b/src/hooks/useDateInterval.ts
@@ -0,0 +1,40 @@
+import { isWithinInterval } from "date-fns";
+
+type DateInterval = {
+  tickets:{
+    startDay: string,
+    endDay: string,
+  },
+  cfp:{
+    startDay: string,
+    endDay: string,
+  },
+  sponsors:{
+    startDate: string,
+    endDate: string,
+  }
+}
+
+export const useDateInterval = (today: Date, edition: DateInterval) => {
+  const ticketStartDay = new Date(edition.tickets.startDay);
+  const ticketEndDay = new Date(edition.tickets.endDay);
+  const CFPStartDay = new Date(edition.cfp.startDay);
+  const CFPEndDay = new Date(edition.cfp.endDay);
+  const sponsorStartDay = new Date(edition.sponsors.startDate);
+  const sponsorEndDay = new Date(edition.sponsors.endDate);
+
+  return {
+    isTicketsDisabled: !isWithinInterval(today, {
+      start: ticketStartDay,
+      end: ticketEndDay,
+    }),
+    isCfpDisabled: !isWithinInterval(today, {
+      start: CFPStartDay,
+      end: CFPEndDay,
+    }),
+    isSponsorDisabled: !isWithinInterval(today, {
+      start: sponsorStartDay,
+      end: sponsorEndDay,
+    }),
+  };
+};

From fb70409cc47de2ee5179d0a4636df2ba8762a9dc Mon Sep 17 00:00:00 2001
From: Anyul Rivas <anyul.rivas@ingrammicro.com>
Date: Thu, 20 Mar 2025 09:33:56 +0100
Subject: [PATCH 2/4] feat: include search params in tickets url link

---
 .../ActionButtons/ActionButtons.tsx           |  55 ++++-----
 src/2024/Home/components/ActionButtons.tsx    | 106 +++++++++---------
 .../ActionButtons/ActionButtons.tsx           |  57 +++++-----
 3 files changed, 99 insertions(+), 119 deletions(-)

diff --git a/src/2023/Home/components/ActionButtons/ActionButtons.tsx b/src/2023/Home/components/ActionButtons/ActionButtons.tsx
index 64a07e68..6ba1f0a9 100644
--- a/src/2023/Home/components/ActionButtons/ActionButtons.tsx
+++ b/src/2023/Home/components/ActionButtons/ActionButtons.tsx
@@ -4,6 +4,7 @@ import Button from "../../../../components/UI/Button";
 import styled from "styled-components";
 import { BIG_BREAKPOINT } from "../../../../constants/BreakPoints";
 import { gaEventTracker } from "../../../../components/analytics/Analytics";
+import { useDateInterval } from "../../../../hooks/useDateInterval";
 
 const StyledActionDiv = styled.div`
   display: flex;
@@ -16,16 +17,8 @@ const StyledActionDiv = styled.div`
 `;
 
 const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
-  const ticketStartDay = new Date(data.tickets.startDay);
-  const ticketEndDay = new Date(data.tickets.endDay);
-  const CFPStartDay = new Date(data.cfp.startDay);
-  const CFPEndDay = new Date(data.cfp.endDay);
-  const sponsorshipStartDay = new Date(data.tickets.startDay);
-  const sponsorshipEndDay = new Date(data.tickets.endDay);
-  const today = new Date();
-
-  const isBetween = (startDay: Date, endDay: Date): boolean =>
-    startDay < new Date() && endDay > today;
+  const { isTicketsDisabled, isSponsorDisabled, isCfpDisabled } =
+    useDateInterval(new Date(), data);
 
   const trackSponsorshipInfo = useCallback(() => {
     gaEventTracker("sponsorship", "sponsorship");
@@ -41,27 +34,27 @@ const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
 
   return (
     <StyledActionDiv>
-      {isBetween(ticketStartDay, ticketEndDay) && (
-        <Button
-          onClick={trackTickets}
-          text="🎟️ Buy Tickets"
-          link="https://tickets.devbcn.com/event/devbcn-2023"
-        />
-      )}
-      {isBetween(CFPStartDay, CFPEndDay) && (
-        <Button
-          onClick={trackCFP}
-          text="📢 Call For Papers"
-          link={data.cfp.link}
-        />
-      )}
-      {isBetween(sponsorshipStartDay, sponsorshipEndDay) && (
-        <Button
-          onClick={trackSponsorshipInfo}
-          text="🤝 Sponsorship"
-          link="mailto:sponsors@devbcn.com?subject=devBcn sponsorship"
-        />
-      )}
+      <Button
+        onClick={trackTickets}
+        text="🎟️ Buy Tickets"
+        link={
+          "https://tickets.devbcn.com/event/devbcn-2023" +
+          window.location.search
+        }
+        disabled={isTicketsDisabled}
+      />
+      <Button
+        onClick={trackCFP}
+        text="📢 Call For Papers"
+        link={data.cfp.link}
+        disabled={isCfpDisabled}
+      />
+      <Button
+        onClick={trackSponsorshipInfo}
+        text="🤝 Sponsorship"
+        link="mailto:sponsors@devbcn.com?subject=devBcn sponsorship"
+        disabled={isSponsorDisabled}
+      />
     </StyledActionDiv>
   );
 };
diff --git a/src/2024/Home/components/ActionButtons.tsx b/src/2024/Home/components/ActionButtons.tsx
index c4489d2c..00937c59 100644
--- a/src/2024/Home/components/ActionButtons.tsx
+++ b/src/2024/Home/components/ActionButtons.tsx
@@ -1,67 +1,61 @@
-import {FC, useCallback} from "react";
+import { FC, useCallback } from "react";
 import data from "../../../data/2024.json";
 import styled from "styled-components";
-import {BIG_BREAKPOINT} from "../../../constants/BreakPoints";
-import {gaEventTracker} from "../../../components/analytics/Analytics";
+import { BIG_BREAKPOINT } from "../../../constants/BreakPoints";
+import { gaEventTracker } from "../../../components/analytics/Analytics";
 import Button from "../../../components/UI/Button";
+import { useDateInterval } from "../../../hooks/useDateInterval";
 
 const StyledActionDiv = styled.div`
-    display: flex;
-    text-align: center;
+  display: flex;
+  text-align: center;
 
-    @media (max-width: ${BIG_BREAKPOINT}px) {
-        flex-direction: column;
-        width: 75%;
-    }
+  @media (max-width: ${BIG_BREAKPOINT}px) {
+    flex-direction: column;
+    width: 75%;
+  }
 `;
 
 const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
-    const ticketStartDay = new Date(data.tickets.startDay);
-    const ticketEndDay = new Date(data.tickets.endDay);
-    const CFPStartDay = new Date(data.cfp.startDay);
-    const CFPEndDay = new Date(data.cfp.endDay);
-    const sponsorshipStartDay = new Date(data.sponsors.startDate);
-    const sponsorshipEndDay = new Date(data.sponsors.endDate);
-    const today = new Date();
-
-    const isBetween = (startDay: Date, endDay: Date): boolean =>
-        startDay < new Date() && endDay > today;
-
-    const trackSponsorshipInfo = useCallback(() => {
-        gaEventTracker("sponsorship", "sponsorship");
-    }, []);
-
-    const trackTickets = useCallback(() => {
-        gaEventTracker("ticket", "tickets");
-    }, []);
-
-    const trackCFP = useCallback(() => {
-        gaEventTracker("CFP", "CFP");
-    }, []);
-
-    return (
-        <StyledActionDiv>
-            <Button
-                onClick={trackTickets}
-                text="🎟️ Buy Tickets"
-                link="https://tickets.devbcn.com/event/devbcn-2024"
-                disabled={!isBetween(ticketStartDay, ticketEndDay)}
-            />
-            {isBetween(CFPStartDay, CFPEndDay) && (
-                <Button
-                    onClick={trackCFP}
-                    text="📢 Call For Papers"
-                    link={data.cfp.link}
-                />
-            )}
-            {isBetween(sponsorshipStartDay, sponsorshipEndDay) && (
-                <Button
-                    onClick={trackSponsorshipInfo}
-                    text="🤝 Sponsorship"
-                    link="https://www.devbcn.com/sponsorship"
-                />
-            )}
-        </StyledActionDiv>
-    );
+  const { isSponsorDisabled, isCfpDisabled, isTicketsDisabled } =
+    useDateInterval(new Date(), data);
+
+  const trackSponsorshipInfo = useCallback(() => {
+    gaEventTracker("sponsorship", "sponsorship");
+  }, []);
+
+  const trackTickets = useCallback(() => {
+    gaEventTracker("ticket", "tickets");
+  }, []);
+
+  const trackCFP = useCallback(() => {
+    gaEventTracker("CFP", "CFP");
+  }, []);
+
+  return (
+    <StyledActionDiv>
+      <Button
+        onClick={trackTickets}
+        text="🎟️ Buy Tickets"
+        link={
+          "https://tickets.devbcn.com/event/devbcn-2024" +
+          window.location.search
+        }
+        disabled={isTicketsDisabled}
+      />
+      <Button
+        onClick={trackCFP}
+        text="📢 Call For Papers"
+        link={data.cfp.link}
+        disabled={isCfpDisabled}
+      />
+      <Button
+        onClick={trackSponsorshipInfo}
+        text="🤝 Sponsorship"
+        link="https://www.devbcn.com/sponsorship"
+        disabled={isSponsorDisabled}
+      />
+    </StyledActionDiv>
+  );
 };
 export default ActionButtons;
diff --git a/src/views/Home/components/ActionButtons/ActionButtons.tsx b/src/views/Home/components/ActionButtons/ActionButtons.tsx
index 3ac85d98..02e61966 100644
--- a/src/views/Home/components/ActionButtons/ActionButtons.tsx
+++ b/src/views/Home/components/ActionButtons/ActionButtons.tsx
@@ -1,10 +1,10 @@
-import {FC, useCallback} from "react";
+import { FC, useCallback } from "react";
 import data from "../../../../data/2025.json";
 import Button from "../../../../components/UI/Button";
 import styled from "styled-components";
-import {isWithinInterval} from "date-fns";
-import {BIG_BREAKPOINT} from "../../../../constants/BreakPoints";
-import {gaEventTracker} from "../../../../components/analytics/Analytics";
+import { BIG_BREAKPOINT } from "../../../../constants/BreakPoints";
+import { gaEventTracker } from "../../../../components/analytics/Analytics";
+import { useDateInterval } from "../../../../hooks/useDateInterval";
 
 const StyledActionDiv = styled.div`
   display: flex;
@@ -17,17 +17,8 @@ const StyledActionDiv = styled.div`
 `;
 
 const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
-  const ticketStartDay = new Date(data.tickets.startDay);
-  const ticketEndDay = new Date(data.tickets.endDay);
-  const CFPStartDay = new Date(data.cfp.startDay);
-  const CFPEndDay = new Date(data.cfp.endDay);
-  const sponsorshipStartDay = new Date(data.sponsors.startDate);
-  const sponsorshipEndDay = new Date(data.sponsors.endDate);
-  const today = new Date();
-
-
-  const isBetween = (startDay: Date, endDay: Date): boolean =>
-      isWithinInterval(today, {start: startDay, end:endDay});
+  const { isTicketsDisabled, isSponsorDisabled, isCfpDisabled } =
+    useDateInterval(new Date(), data);
 
   const trackSponsorshipInfo = useCallback(() => {
     gaEventTracker("sponsorship", "sponsorship");
@@ -41,30 +32,32 @@ const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
     gaEventTracker("CFP", "CFP");
   }, []);
 
-
   return (
     <StyledActionDiv>
       <Button
         onClick={trackTickets}
         text="🎟️ Buy Tickets"
         subtext="February 1st, 2025"
-        link="https://tickets.devbcn.com/event/devbcn-2025"
-        disabled={!isBetween(ticketStartDay, ticketEndDay)}
+        link={
+          "https://tickets.devbcn.com/event/devbcn-2025" +
+          window.location.search
+        }
+        disabled={isTicketsDisabled}
+      />
+      <Button
+        onClick={trackCFP}
+        text="📢 Call For Papers"
+        subtext="January 1st, 2025"
+        link={data.cfp.link}
+        disabled={isCfpDisabled}
+      />
+      <Button
+        onClick={trackSponsorshipInfo}
+        text="🤝 Sponsorship"
+        target="_self"
+        link="/sponsorship"
+        disabled={isSponsorDisabled}
       />
-        <Button
-          onClick={trackCFP}
-          text="📢 Call For Papers"
-          subtext="January 1st, 2025"
-          link={data.cfp.link}
-          disabled={!isBetween(CFPStartDay, CFPEndDay)}
-        />
-        <Button
-          onClick={trackSponsorshipInfo}
-          text="🤝 Sponsorship"
-          target="_self"
-          link="/sponsorship"
-          disabled={!isBetween(sponsorshipStartDay, sponsorshipEndDay)}
-        />
     </StyledActionDiv>
   );
 };

From eafdfa8a6cf1f20f524d358d41de66d28c09c7d2 Mon Sep 17 00:00:00 2001
From: Anyul Rivas <anyul.rivas@ingrammicro.com>
Date: Thu, 20 Mar 2025 10:26:36 +0100
Subject: [PATCH 3/4] test: include tests

---
 package-lock.json                 | 173 ++++++++++++++++++++++--------
 package.json                      |   4 +-
 src/hooks/useDateInterval.test.ts |  29 +++++
 3 files changed, 160 insertions(+), 46 deletions(-)
 create mode 100644 src/hooks/useDateInterval.test.ts

diff --git a/package-lock.json b/package-lock.json
index 621eea6d..3560d5cf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,6 @@
       "dependencies": {
         "@egjs/flicking-plugins": "^4.7.1",
         "@egjs/react-flicking": "^4.12.0",
-        "@faker-js/faker": "9.6.0",
         "@sentry/react": "^9.5.0",
         "@sentry/tracing": "^7.120.3",
         "@types/node": "^22.13.1",
@@ -43,8 +42,11 @@
         "web-vitals": "^4.2.3"
       },
       "devDependencies": {
+        "@faker-js/faker": "9.6.0",
+        "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.2.0",
+        "@testing-library/react-hooks": "^7.0.2",
         "@testing-library/user-event": "^14.6.0",
         "@types/google-map-react": "^2.1.10",
         "@types/jest": "^29.5.13",
@@ -2156,6 +2158,7 @@
       "version": "9.6.0",
       "resolved": "https://registry.npmjs.org/@faker-js/faker/-/faker-9.6.0.tgz",
       "integrity": "sha512-3vm4by+B5lvsFPSyep3ELWmZfE3kicDtmemVpuwl1yH7tqtnHdsA6hG8fbXedMVdkzgtvzWoRgjSB4Q+FHnZiw==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -3388,11 +3391,11 @@
       }
     },
     "node_modules/@testing-library/dom": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.0.0.tgz",
-      "integrity": "sha512-PmJPnogldqoVFf+EwbHvbBJ98MmqASV8kLrBYgsDNxQcFMeIS7JFL48sfyXvuMtgmWO/wMhh25odr+8VhDmn4g==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.10.4",
         "@babel/runtime": "^7.12.5",
@@ -3412,7 +3415,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -3428,7 +3431,7 @@
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -3445,7 +3448,7 @@
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -3458,14 +3461,14 @@
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@testing-library/dom/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3475,7 +3478,7 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3581,6 +3584,7 @@
       "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.2.0.tgz",
       "integrity": "sha512-2cSskAvA1QNtKc8Y9VJQRv0tm3hLVgxRGDB+KYhIaPQJ1I+RHbhIXcM+zClKXzMes/wshsMVzf4B9vS4IZpqDQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.12.5"
       },
@@ -3603,6 +3607,36 @@
         }
       }
     },
+    "node_modules/@testing-library/react-hooks": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/react-hooks/-/react-hooks-7.0.2.tgz",
+      "integrity": "sha512-dYxpz8u9m4q1TuzfcUApqi8iFfR6R0FaMbr2hjZJy1uC8z+bO/K4v8Gs9eogGKYQop7QsrBTFkv/BCF7MzD2Cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@types/react": ">=16.9.0",
+        "@types/react-dom": ">=16.9.0",
+        "@types/react-test-renderer": ">=16.9.0",
+        "react-error-boundary": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0",
+        "react-test-renderer": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-test-renderer": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@testing-library/user-event": {
       "version": "14.6.0",
       "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.0.tgz",
@@ -3633,11 +3667,11 @@
       }
     },
     "node_modules/@types/aria-query": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
-      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/babel__core": {
       "version": "7.1.18",
@@ -3966,6 +4000,16 @@
         "@types/react-router": "*"
       }
     },
+    "node_modules/@types/react-test-renderer": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-19.0.0.tgz",
+      "integrity": "sha512-qDVnNybqFm2eZKJ4jD34EvRd6VHD67KjgnWaEMM0Id9L22EpWe3nOSVKHWL1XWRCxUWe3lhXwlEeCKD1BlJCQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
@@ -6703,11 +6747,11 @@
       }
     },
     "node_modules/dom-accessibility-api": {
-      "version": "0.5.11",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.11.tgz",
-      "integrity": "sha512-7X6GvzjYf4yTdRKuCVScV+aA9Fvh5r8WzWrXBH9w82ZWB/eYDMGCnazoC/YAqAzUJWHzLOnZqr46K3iEyUhUvw==",
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/dom-converter": {
       "version": "0.2.0",
@@ -11599,7 +11643,7 @@
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -14153,6 +14197,23 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-error-boundary": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-3.1.4.tgz",
+      "integrity": "sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
     "node_modules/react-error-overlay": {
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
@@ -20001,7 +20062,8 @@
     "@faker-js/faker": {
       "version": "9.6.0",
       "resolved": "https://registry.npmjs.org/@faker-js/faker/-/faker-9.6.0.tgz",
-      "integrity": "sha512-3vm4by+B5lvsFPSyep3ELWmZfE3kicDtmemVpuwl1yH7tqtnHdsA6hG8fbXedMVdkzgtvzWoRgjSB4Q+FHnZiw=="
+      "integrity": "sha512-3vm4by+B5lvsFPSyep3ELWmZfE3kicDtmemVpuwl1yH7tqtnHdsA6hG8fbXedMVdkzgtvzWoRgjSB4Q+FHnZiw==",
+      "dev": true
     },
     "@googlemaps/js-api-loader": {
       "version": "1.15.1",
@@ -20745,11 +20807,10 @@
       }
     },
     "@testing-library/dom": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.0.0.tgz",
-      "integrity": "sha512-PmJPnogldqoVFf+EwbHvbBJ98MmqASV8kLrBYgsDNxQcFMeIS7JFL48sfyXvuMtgmWO/wMhh25odr+8VhDmn4g==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@babel/code-frame": "^7.10.4",
         "@babel/runtime": "^7.12.5",
@@ -20766,7 +20827,6 @@
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
           "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
           "dev": true,
-          "peer": true,
           "requires": {
             "color-convert": "^2.0.1"
           }
@@ -20776,7 +20836,6 @@
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
           "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "ansi-styles": "^4.1.0",
             "supports-color": "^7.1.0"
@@ -20787,7 +20846,6 @@
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "dev": true,
-          "peer": true,
           "requires": {
             "color-name": "~1.1.4"
           }
@@ -20796,22 +20854,19 @@
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
           "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
           "dev": true,
-          "peer": true,
           "requires": {
             "has-flag": "^4.0.0"
           }
@@ -20899,6 +20954,19 @@
         "@babel/runtime": "^7.12.5"
       }
     },
+    "@testing-library/react-hooks": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/react-hooks/-/react-hooks-7.0.2.tgz",
+      "integrity": "sha512-dYxpz8u9m4q1TuzfcUApqi8iFfR6R0FaMbr2hjZJy1uC8z+bO/K4v8Gs9eogGKYQop7QsrBTFkv/BCF7MzD2Cg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@types/react": ">=16.9.0",
+        "@types/react-dom": ">=16.9.0",
+        "@types/react-test-renderer": ">=16.9.0",
+        "react-error-boundary": "^3.1.0"
+      }
+    },
     "@testing-library/user-event": {
       "version": "14.6.0",
       "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.0.tgz",
@@ -20917,11 +20985,10 @@
       "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA=="
     },
     "@types/aria-query": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
-      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
-      "dev": true,
-      "peer": true
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true
     },
     "@types/babel__core": {
       "version": "7.1.18",
@@ -21242,6 +21309,15 @@
         "@types/react-router": "*"
       }
     },
+    "@types/react-test-renderer": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-19.0.0.tgz",
+      "integrity": "sha512-qDVnNybqFm2eZKJ4jD34EvRd6VHD67KjgnWaEMM0Id9L22EpWe3nOSVKHWL1XWRCxUWe3lhXwlEeCKD1BlJCQA==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
@@ -23240,11 +23316,10 @@
       }
     },
     "dom-accessibility-api": {
-      "version": "0.5.11",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.11.tgz",
-      "integrity": "sha512-7X6GvzjYf4yTdRKuCVScV+aA9Fvh5r8WzWrXBH9w82ZWB/eYDMGCnazoC/YAqAzUJWHzLOnZqr46K3iEyUhUvw==",
-      "dev": true,
-      "peer": true
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true
     },
     "dom-converter": {
       "version": "0.2.0",
@@ -26822,8 +26897,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "magic-string": {
       "version": "0.25.7",
@@ -28518,6 +28592,15 @@
         "scheduler": "^0.23.2"
       }
     },
+    "react-error-boundary": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-3.1.4.tgz",
+      "integrity": "sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.12.5"
+      }
+    },
     "react-error-overlay": {
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
diff --git a/package.json b/package.json
index 148a45b7..001bac9d 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,6 @@
   "dependencies": {
     "@egjs/flicking-plugins": "^4.7.1",
     "@egjs/react-flicking": "^4.12.0",
-    "@faker-js/faker": "9.6.0",
     "@sentry/react": "^9.5.0",
     "@sentry/tracing": "^7.120.3",
     "@types/node": "^22.13.1",
@@ -87,8 +86,11 @@
     ]
   },
   "devDependencies": {
+    "@faker-js/faker": "9.6.0",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
+    "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^14.6.0",
     "@types/google-map-react": "^2.1.10",
     "@types/jest": "^29.5.13",
diff --git a/src/hooks/useDateInterval.test.ts b/src/hooks/useDateInterval.test.ts
new file mode 100644
index 00000000..25c6f3ca
--- /dev/null
+++ b/src/hooks/useDateInterval.test.ts
@@ -0,0 +1,29 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { useDateInterval } from './useDateInterval';
+
+const today = new Date('2023-10-10');
+
+const edition = {
+  tickets: {
+    startDay: '2023-10-01',
+    endDay: '2023-10-15',
+  },
+  cfp: {
+    startDay: '2023-09-01',
+    endDay: '2023-09-30',
+  },
+  sponsors: {
+    startDate: '2023-10-05',
+    endDate: '2023-10-20',
+  },
+};
+
+describe('useDateInterval', () => {
+  it('should return correct disabled states for tickets, cfp, and sponsors', () => {
+    const { result } = renderHook(() => useDateInterval(today, edition));
+
+    expect(result.current.isTicketsDisabled).toBe(false);
+    expect(result.current.isCfpDisabled).toBe(true);
+    expect(result.current.isSponsorDisabled).toBe(false);
+  });
+});

From 19bbab5c6d1c03a2dcd80632066310a82307535e Mon Sep 17 00:00:00 2001
From: Anyul Rivas <anyul.rivas@ingrammicro.com>
Date: Thu, 20 Mar 2025 10:42:14 +0100
Subject: [PATCH 4/4] test: include tests

---
 .../ActionButtons/ActionButtons.tsx           |  6 ++--
 src/2024/Home/components/ActionButtons.tsx    |  6 ++--
 src/services/urlBuilder.test.ts               | 28 +++++++++++++++++++
 src/services/urlBuilder.ts                    |  5 ++++
 .../ActionButtons/ActionButtons.tsx           |  6 ++--
 5 files changed, 39 insertions(+), 12 deletions(-)
 create mode 100644 src/services/urlBuilder.test.ts
 create mode 100644 src/services/urlBuilder.ts

diff --git a/src/2023/Home/components/ActionButtons/ActionButtons.tsx b/src/2023/Home/components/ActionButtons/ActionButtons.tsx
index 6ba1f0a9..69964da8 100644
--- a/src/2023/Home/components/ActionButtons/ActionButtons.tsx
+++ b/src/2023/Home/components/ActionButtons/ActionButtons.tsx
@@ -5,6 +5,7 @@ import styled from "styled-components";
 import { BIG_BREAKPOINT } from "../../../../constants/BreakPoints";
 import { gaEventTracker } from "../../../../components/analytics/Analytics";
 import { useDateInterval } from "../../../../hooks/useDateInterval";
+import { useUrlBuilder } from "../../../../services/urlBuilder";
 
 const StyledActionDiv = styled.div`
   display: flex;
@@ -37,10 +38,7 @@ const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
       <Button
         onClick={trackTickets}
         text="🎟️ Buy Tickets"
-        link={
-          "https://tickets.devbcn.com/event/devbcn-2023" +
-          window.location.search
-        }
+        link={useUrlBuilder("https://tickets.devbcn.com/event/devbcn-2023")}
         disabled={isTicketsDisabled}
       />
       <Button
diff --git a/src/2024/Home/components/ActionButtons.tsx b/src/2024/Home/components/ActionButtons.tsx
index 00937c59..978b1434 100644
--- a/src/2024/Home/components/ActionButtons.tsx
+++ b/src/2024/Home/components/ActionButtons.tsx
@@ -5,6 +5,7 @@ import { BIG_BREAKPOINT } from "../../../constants/BreakPoints";
 import { gaEventTracker } from "../../../components/analytics/Analytics";
 import Button from "../../../components/UI/Button";
 import { useDateInterval } from "../../../hooks/useDateInterval";
+import {useUrlBuilder} from "../../../services/urlBuilder";
 
 const StyledActionDiv = styled.div`
   display: flex;
@@ -37,10 +38,7 @@ const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
       <Button
         onClick={trackTickets}
         text="🎟️ Buy Tickets"
-        link={
-          "https://tickets.devbcn.com/event/devbcn-2024" +
-          window.location.search
-        }
+        link={useUrlBuilder("https://tickets.devbcn.com/event/devbcn-2024")}
         disabled={isTicketsDisabled}
       />
       <Button
diff --git a/src/services/urlBuilder.test.ts b/src/services/urlBuilder.test.ts
new file mode 100644
index 00000000..f98025b2
--- /dev/null
+++ b/src/services/urlBuilder.test.ts
@@ -0,0 +1,28 @@
+import { useUrlBuilder } from './urlBuilder';
+
+// Mock window.location for the test
+const originalLocation = window.location;
+delete window.location;
+window.location = {
+  origin: 'http://localhost',
+  search: '?query=123',
+} as any;
+
+describe('useUrlBuilder', () => {
+  afterAll(() => {
+    // Restore original window.location after tests
+    window.location = originalLocation;
+  });
+
+  it('should append the current search params to the URL', () => {
+    const url = 'http://example.com/path';
+    const result = useUrlBuilder(url);
+    expect(result).toBe('http://example.com/path?query=123');
+  });
+
+  it('should handle URLs without a path', () => {
+    const url = 'http://example.com';
+    const result = useUrlBuilder(url);
+    expect(result).toBe('http://example.com/?query=123');
+  });
+});
diff --git a/src/services/urlBuilder.ts b/src/services/urlBuilder.ts
new file mode 100644
index 00000000..0c34dca4
--- /dev/null
+++ b/src/services/urlBuilder.ts
@@ -0,0 +1,5 @@
+export const useUrlBuilder = (url: string) => {
+    const returnUrl = new URL(url, window.location.origin);
+    returnUrl.search = window.location.search;
+    return returnUrl.toString();
+}
\ No newline at end of file
diff --git a/src/views/Home/components/ActionButtons/ActionButtons.tsx b/src/views/Home/components/ActionButtons/ActionButtons.tsx
index 02e61966..85868a0e 100644
--- a/src/views/Home/components/ActionButtons/ActionButtons.tsx
+++ b/src/views/Home/components/ActionButtons/ActionButtons.tsx
@@ -5,6 +5,7 @@ import styled from "styled-components";
 import { BIG_BREAKPOINT } from "../../../../constants/BreakPoints";
 import { gaEventTracker } from "../../../../components/analytics/Analytics";
 import { useDateInterval } from "../../../../hooks/useDateInterval";
+import {useUrlBuilder} from "../../../../services/urlBuilder";
 
 const StyledActionDiv = styled.div`
   display: flex;
@@ -38,10 +39,7 @@ const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
         onClick={trackTickets}
         text="🎟️ Buy Tickets"
         subtext="February 1st, 2025"
-        link={
-          "https://tickets.devbcn.com/event/devbcn-2025" +
-          window.location.search
-        }
+        link={useUrlBuilder("https://tickets.devbcn.com/event/devbcn-2025")}
         disabled={isTicketsDisabled}
       />
       <Button