From 13b65da888da5944109b4e285b78d02a0c81f16f Mon Sep 17 00:00:00 2001
From: Andrew Smithwick <andy.smithwick@gmail.com>
Date: Mon, 15 Apr 2024 20:54:28 -0700
Subject: [PATCH] Made the border on the pickup event card in cart page not
 glow

https://css-tricks.com/a-complete-guide-to-data-attributes/
---
 src/components/events/EventCard/index.tsx         | 5 ++++-
 src/components/events/EventCard/style.module.scss | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/events/EventCard/index.tsx b/src/components/events/EventCard/index.tsx
index a67b728a..be8b910b 100644
--- a/src/components/events/EventCard/index.tsx
+++ b/src/components/events/EventCard/index.tsx
@@ -74,7 +74,10 @@ const EventCard = ({
       <Link
         href={`${config.eventsRoute}/${uuid}`}
         data-community={community}
-        className={`${styles.container} ${borderless ? '' : styles.bordered} ${className || ''}`}
+        data-disabled={borderless ? 'true' : 'false'}
+        className={`${styles.container} ${borderless ? 'disabled' : styles.bordered} ${
+          className || ''
+        }`}
         onClick={e => {
           e.preventDefault();
           setExpanded(true);
diff --git a/src/components/events/EventCard/style.module.scss b/src/components/events/EventCard/style.module.scss
index ce67e5dc..84131ab1 100644
--- a/src/components/events/EventCard/style.module.scss
+++ b/src/components/events/EventCard/style.module.scss
@@ -20,7 +20,7 @@
     border-radius: 10px;
   }
 
-  &:not([disabled]):hover {
+  &:not([data-disabled='true']):hover {
     outline-width: 4px;
     transform: scale(0.975);