@mbpockets/shared-ui 0.2.5 → 0.2.6

package/dist/EventPage.cjs

@@ -1046,7 +1046,9 @@ var BaseSearchResultCard_default = BaseSearchResultCard;
 var PlayerResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const firstLetter = result.title.charAt(0).toUpperCase();
   const getAvatarColor = (name) => {
@@ -1088,7 +1090,17 @@ var PlayerResultCard = ({
       children: !result.imageUrl && firstLetter
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, icon: playerIcon, tags });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: playerIcon,
+      tags,
+      showEventTag,
+      eventTagId
+    }
+  );
 };
 var PlayerResultCard_default = PlayerResultCard;
 var TableResultCard = ({
@@ -1164,7 +1176,9 @@ var TableResultCard_default = TableResultCard;
 var EventResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const formatDate = (dateString) => {
     const options = {
@@ -1191,29 +1205,40 @@ var EventResultCard = ({
       }
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, icon: eventIcon, tags, children: /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { mb: 2 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CalendarTodayIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Date:" }),
-        " ",
-        formattedDate
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(LocationOnIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Location:" }),
-        " ",
-        location
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: eventIcon,
+      tags,
+      showEventTag,
+      eventTagId,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CalendarTodayIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Date:" }),
+            " ",
+            formattedDate
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LocationOnIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Location:" }),
+            " ",
+            location
+          ] })
+        ] }),
+        result.organizer && /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Organizer:" }),
+          " ",
+          result.organizer
+        ] })
       ] })
-    ] }),
-    result.organizer && /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", sx: { mt: 1 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Organizer:" }),
-      " ",
-      result.organizer
-    ] })
-  ] }) });
+    }
+  );
 };
 var EventResultCard_default = EventResultCard;
 var ResultsContainer = ({
@@ -1260,7 +1285,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onPlayerClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1282,7 +1309,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onEventClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1334,16 +1363,15 @@ var TablesScrollableList = ({
   eventTagId
 }) => {
   const tables = (results || []).filter((r) => (r == null ? void 0 : r.type) === "table");
-  const handleClick = (id) => onResultClick == null ? void 0 : onResultClick(id);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ScrollableResultsList_default,
     {
       results: tables,
       tags,
       maxHeight,
-      onResultClick: (id, type) => {
-        if (type === "table") handleClick(id);
-      },
+      onResultClick: onResultClick ? (id, type) => {
+        if (type === "table") onResultClick(id);
+      } : void 0,
       showEventTag,
       eventTagId
     }
@@ -1354,12 +1382,24 @@ var EventTablesCard = ({
   tables,
   tags,
   maxHeight = 450,
-  onTableClick
+  onTableClick,
+  showEventTag,
+  eventTagId
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Card3__default.default, { elevation: 6, sx: { width: "100%", boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(CardHeader__default.default, { title: "Tables" }),
     /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(CardContent3__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(TablesScrollableList_default, { results: tables, tags, maxHeight, onResultClick: onTableClick }) })
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent3__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      TablesScrollableList_default,
+      {
+        results: tables,
+        tags,
+        maxHeight,
+        onResultClick: onTableClick,
+        showEventTag,
+        eventTagId
+      }
+    ) })
   ] });
 };
 var EventTablesCard_default = EventTablesCard;
@@ -1388,7 +1428,15 @@ function EventPageLayout({
           locationId: mergedEvent.location || "0"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Grid5__default.default, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(EventTablesCard_default, { tables, tags: allTags }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Grid5__default.default, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
+        EventTablesCard_default,
+        {
+          tables,
+          tags: allTags,
+          showEventTag: true,
+          eventTagId: mergedEvent.id
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(Grid5__default.default, {})
   ] }) });