Merge branch 'HOLI-NOISSUE-fix-events' into 'release/1.52'

Fix feature flag  and see all events padding

See merge request app/holi-frontends!3130

core/featureFlags/constants.ts

@@ -2,6 +2,7 @@ export enum FeatureFlagKey {
   DONATIONS = 'DONATIONS', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
   GOODNEWS = 'GOODNEWS', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
   VOLUNTEERING = 'VOLUNTEERING', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
+  EVENTS = 'EVENTS', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
   CHAT = 'CHAT', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
   NOTIFICATIONS = 'NOTIFICATIONS', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
   STORAGE = 'STORAGE', // multivariate ('on', 'off', 'maintenance') -> FeatureFlagWithMaintenance
@@ -12,6 +13,5 @@ export enum FeatureFlagKey {
   POST_TRANSLATION = 'POST_TRANSLATION', // boolean
   NEW_HOME_FEED = 'NEW_HOME_FEED', // multivariate ('control', 'test') -> FeatureFlagAB
   TASK_CONTACT_CTA = 'TASK_CONTACT_CTA', // boolean
-  EVENTS = 'EVENTS', // boolean
   CHALLENGES_CAROUSEL = 'CHALLENGES_CAROUSEL', // boolean
 }

core/screens/act/ActSection.tsx

@@ -10,7 +10,6 @@ import RecommendedChallenges from '@holi-apps/challenges/components/RecommendedC
 import DonationUpdates from '@holi-apps/donations/components/DonationUpdates'
 import VolunteeringRecos from '@holi-apps/volunteering/components/VolunteeringRecos'
 import EventCarousel from '@holi-apps/events/components/EventCarousel'
-import { useFeatureFlag } from '@holi/core/featureFlags/hooks/useFeatureFlag'
 
 export enum ActSectionType {
   VOLUNTEERING = 'VOLUNTEERING',
@@ -24,7 +23,7 @@ export const ActSection = ({ type }: { type: ActSectionType }) => {
   const cardWidth = useCardWidth()
   const displayVolunteering = useFeatureFlagWithMaintenance(FeatureFlagKey.VOLUNTEERING).isOn
   const displayDonations = useFeatureFlagWithMaintenance(FeatureFlagKey.DONATIONS).isOn
-  const displayEvents = useFeatureFlag(FeatureFlagKey.EVENTS)
+  const displayEvents = useFeatureFlagWithMaintenance(FeatureFlagKey.EVENTS).isOn
 
   switch (type) {
     case ActSectionType.CHALLENGES:

holi-apps/events/screens/EventList.tsx

@@ -64,6 +64,7 @@ export const EventList = () => {
   return (
     <Screen
       preset="scroll"
+      padding={{ left: 'sm', right: 'sm' }}
       headerOptions={{
         headerTitle: () => (
           <Text headingLevel="2" size="lg">