Merge pull request #930 from HiEventsDev/develop

daveearley · web-flow · commit b4c295533a4b · 2025-12-01T10:54:58.000Z
diff --git a/frontend/src/components/layouts/EventHomepage/EventHomepage.module.scss b/frontend/src/components/layouts/EventHomepage/EventHomepage.module.scss
@@ -176,18 +176,19 @@ $transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  background: rgba(255, 255, 255, 0.15);
+  background: rgba(0, 0, 0, 0.5);
   backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: $radius-sm;
   padding: 8px 14px;
   font-size: 0.8rem;
   font-weight: 600;
   color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 
   svg {
     width: 0.7rem;
     height: 0.7rem;
+    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
   }
 }
 
diff --git a/frontend/src/components/layouts/EventHomepage/index.tsx b/frontend/src/components/layouts/EventHomepage/index.tsx
@@ -135,12 +135,17 @@ const EventHomepage = ({...loaderData}: EventHomepageProps) => {
             return null;
         }
 
+        const availableProducts = products.filter(p => p.is_available && !p.is_sold_out);
         const allSoldOut = products.every(p => p.is_sold_out);
 
         if (allSoldOut) {
             return {text: t`Sold Out`, variant: 'danger'};
         }
 
+        if (availableProducts.length === 0) {
+            return null;
+        }
+
         return {text: t`Tickets Available`, variant: 'success'};
     };
 
diff --git a/frontend/src/styles/widget/default.scss b/frontend/src/styles/widget/default.scss
@@ -114,7 +114,7 @@
       }
 
       .hi-price-tier-row {
-        margin-bottom: 10px;
+        margin-bottom: 15px;
 
         .hi-price-tier {
           .hi-price-tier-label {

Original file line number	Diff line number	Diff line change
`@@ -135,12 +135,17 @@ const EventHomepage = ({...loaderData}: EventHomepageProps) => {`
`135`	`135`	`return null;`
`136`	`136`	`}`
`137`	`137`
	`138`	`+ const availableProducts = products.filter(p => p.is_available && !p.is_sold_out);`
`138`	`139`	`const allSoldOut = products.every(p => p.is_sold_out);`
`139`	`140`
`140`	`141`	`if (allSoldOut) {`
`141`	`142`	return {text: t`Sold Out`, variant: 'danger'};
`142`	`143`	`}`
`143`	`144`
	`145`	`+ if (availableProducts.length === 0) {`
	`146`	`+ return null;`
	`147`	`+ }`
	`148`	`+`
`144`	`149`	return {text: t`Tickets Available`, variant: 'success'};
`145`	`150`	`};`
`146`	`151`
Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,7 @@`
`114`	`114`	`}`
`115`	`115`
`116`	`116`	`.hi-price-tier-row {`
`117`		`- margin-bottom: 10px;`
	`117`	`+ margin-bottom: 15px;`
`118`	`118`
`119`	`119`	`.hi-price-tier {`
`120`	`120`	`.hi-price-tier-label {`