From cf76de367e98ccc1a616916b6063f06d17a95e83 Mon Sep 17 00:00:00 2001
From: Padmaja <padms@equinor.com>
Date: Wed, 9 Oct 2024 15:23:14 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20ics=20download=20#2554=20(?=
 =?UTF-8?q?#2555)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/pageComponents/topicPages/AddToCalendar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/pageComponents/topicPages/AddToCalendar.tsx b/web/pageComponents/topicPages/AddToCalendar.tsx
index 4a80064b1..a64690e52 100644
--- a/web/pageComponents/topicPages/AddToCalendar.tsx
+++ b/web/pageComponents/topicPages/AddToCalendar.tsx
@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react'
 import { isAfter } from 'date-fns'
 import { getEventDates, toUTCDateParts } from '../../common/helpers/dateUtilities'
-
 import type { EventDateType } from '../../types/index'
 import { useIntl } from 'react-intl'
-import { Button } from '@core/Button'
+import { twMerge } from 'tailwind-merge'
+import { commonButtonStyling, getVariant } from '@core/Button'
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const ics = require('ics')
@@ -80,7 +80,6 @@ const AddToCalendar = ({ eventDate, title, location }: AddToCalendarProps) => {
         title: title,
         location: location || '',
       }
-
       setFileData(createICS(eventData))
     }
   }, [eventDate, location, title])
@@ -95,14 +94,15 @@ const AddToCalendar = ({ eventDate, title, location }: AddToCalendarProps) => {
     { eventTitle: title },
   )
   return (
-    <Button
+    <a
       aria-label={atcAriaLabel}
       id="atc"
+      className={twMerge(commonButtonStyling, getVariant('contained'))}
       {...(fileData && { href: fileData as string, download: `${title.replace(/ /g, '_')}.ics` })}
     >
       {/*  <Icon data={add} /> */}
       {atc}
-    </Button>
+    </a>
   )
 }