feat: add empty state to EventCardList

acid-info · Apr 29, 2024 · d7e0cf7 · d7e0cf7
1 parent ed04f3e
commit d7e0cf7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/EventCard/EventCard.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/EventCard/EventCard.scss
@@ -51,3 +51,9 @@
     white-space: pre-wrap;
   }
 }
+
+@include utils.responsive('md', 'down') {
+  .mdx-event-card__thumbnail {
+    height: unset;
+  }
+}
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/EventCardList/EventCardList.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/EventCardList/EventCardList.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import './EventCardList.scss'
-import { Button } from '@acid-info/lsd-react'
+import { Button, Typography } from '@acid-info/lsd-react'
 import { Box, EventCard, EventCardProps, Grid } from '..'
 import { TabItem, Tabs } from '@acid-info/lsd-react'
 
@@ -63,6 +63,9 @@ export const EventCardList: React.FC<EventCardListProps> = ({
                 <EventCard {...event} />
               </Grid.Item>
             ))}
+            {data.length === 0 ? (
+              <Typography>No events found.</Typography>
+            ) : null}
           </Grid>
         </Box>
         {showMore && (