From 193209c8861ebfee36e01bb75381d4dcd0c4ad33 Mon Sep 17 00:00:00 2001
From: Akshat Nema <76521428+akshatnema@users.noreply.github.com>
Date: Thu, 9 Nov 2023 23:45:28 +0530
Subject: [PATCH] fix: remaining days and mobile view issue of conference
 banners (#2306)

---
 components/campaigns/AnnoucementHero.js                     | 6 +++---
 ...ncementRamainingDays.js => AnnouncementRemainingDays.js} | 0
 .../campaignTests/AnnouncementRemainingDays.cy.js           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)
 rename components/campaigns/{AnnouncementRamainingDays.js => AnnouncementRemainingDays.js} (100%)

diff --git a/components/campaigns/AnnoucementHero.js b/components/campaigns/AnnoucementHero.js
index 39153357bfc..cb31fd494ca 100644
--- a/components/campaigns/AnnoucementHero.js
+++ b/components/campaigns/AnnoucementHero.js
@@ -3,7 +3,7 @@ import Paragraph from '../typography/Paragraph'
 import Button from '../buttons/Button'
 import Heading from '../typography/Heading'
 import Container from '../layout/Container'
-import AnnouncementRemainingDays from './AnnouncementRamainingDays'
+import AnnouncementRemainingDays from './AnnouncementRemainingDays'
 import ArrowLeft from '../icons/ArrowLeft'
 import ArrowRight from '../icons/ArrowRight'
 
@@ -25,7 +25,7 @@ export default function AnnouncementHero({ className = '', small = false, hideVi
   const [activeIndex, setActiveIndex] = useState(0);
 
   const cfpDeadlineIndia = '2023-11-30T06:00:00Z'
-  const cfpDeadlineFrance = '2023-12-6T06:00:00Z'
+  const cfpDeadlineFrance = '2023-12-06T06:00:00Z'
   const showBannerIndia = shouldShowBanner(cfpDeadlineIndia);
   const showBannerFrance = shouldShowBanner(cfpDeadlineFrance);
 
@@ -116,7 +116,7 @@ export default function AnnouncementHero({ className = '', small = false, hideVi
           <ArrowLeft className='w-4 text-white' />
         </div>
         <div className='relative w-5/6 flex flex-col gap-2 justify-center items-center'>
-          <div className='relative w-[17rem] h-[19rem] lg:w-[38rem] lg:h-[17rem] overflow-hidden'>
+          <div className='relative w-full h-[18rem] lg:w-[38rem] lg:h-[17rem] overflow-hidden'>
           {banners.map((banner, index) => (
             banner.show && (
               <Banner
diff --git a/components/campaigns/AnnouncementRamainingDays.js b/components/campaigns/AnnouncementRemainingDays.js
similarity index 100%
rename from components/campaigns/AnnouncementRamainingDays.js
rename to components/campaigns/AnnouncementRemainingDays.js
diff --git a/cypress/test/components/campaignTests/AnnouncementRemainingDays.cy.js b/cypress/test/components/campaignTests/AnnouncementRemainingDays.cy.js
index 925a0222be1..efdeadb4e11 100644
--- a/cypress/test/components/campaignTests/AnnouncementRemainingDays.cy.js
+++ b/cypress/test/components/campaignTests/AnnouncementRemainingDays.cy.js
@@ -1,6 +1,6 @@
 import moment from 'moment';
 import { mount } from '@cypress/react';
-import AnnouncementRemainingDays from '../../../../components/campaigns/AnnouncementRamainingDays';
+import AnnouncementRemainingDays from '../../../../components/campaigns/AnnouncementRemainingDays';
 
 describe('AnnouncementRemainingDays', () => {
   it('displays correct countdown text', () => {