Skip to main content

default

Admin Docs

Function: default()

default(__namedParameters): Element

Defined in: src/components/Venues/VenueCard.tsx:57

Represents a card component displaying venue information.

This component renders a card with the venue's image, name, capacity, and description. It also provides buttons to edit or delete the venue.

Parameters​

__namedParameters​

InterfaceVenueCardProps

Returns​

Element

JSX.Element - The VenueCard component.

Example​

<VenueCard
  venueItem={venue}
  index={0}
  showEditVenueModal={handleShowEditVenueModal}
  handleDelete={handleDeleteVenue}
/>

CSS Strategy Explanation:​

To ensure consistency across the application and reduce duplication, common styles (such as button styles) have been moved to the global CSS file. Instead of using component-specific classes (e.g., .greenregbtnOrganizationFundCampaign, .greenregbtnPledge), a single reusable class (e.g., .addButton) is now applied.

Benefits:​

  • **Reduces redundant CSS code.
  • **Improves maintainability by centralizing common styles.
  • **Ensures consistent styling across components.

Global CSS Classes used:​

  • .addButton
  • .removeButton

For more details on the reusable classes, refer to the global CSS file.