feat: add subtext for action buttons

Author: anyulled

src/components/UI/Button.tsx

@@ -5,6 +5,7 @@ import {BIG_BREAKPOINT} from "../../constants/BreakPoints";
 
 interface ButtonProps {
   text: string;
+    subtext?: string;
   link: string;
   onClick: () => void;
   disabled?: boolean;
@@ -65,6 +66,7 @@ const StyledActionButton = styled.div`
 
 const Button: FC<React.PropsWithChildren<ButtonProps>> = ({
   text,
+                                                              subtext = "SOON",
   link,
   onClick,
   disabled,
@@ -91,7 +93,7 @@ const Button: FC<React.PropsWithChildren<ButtonProps>> = ({
           {children}
           <span>{`  ${text}`}</span>
         </a>
-          {disabled && <small>SOON</small>}
+          {disabled && <small>{subtext}</small>}
       </>
     </StyledActionButton>
   );

src/views/Home/components/ActionButtons/ActionButtons.tsx

@@ -44,12 +44,14 @@ const ActionButtons: FC<React.PropsWithChildren<unknown>> = () => {
       <Button
         onClick={trackTickets}
         text="🎟️ Buy Tickets"
+        subtext="February 2025"
         link="https://tickets.devbcn.com/event/devbcn-2025"
         disabled={!isBetween(ticketStartDay, ticketEndDay)}
       />
         <Button
           onClick={trackCFP}
           text="📢 Call For Papers"
+          subtext="January 2025"
           link={data.cfp.link}
           disabled={!isBetween(CFPStartDay, CFPEndDay)}
         />