update server to only accept http

Author: tonyqiu123

README.md

@@ -65,6 +65,7 @@ source .venv/bin/activate
 pip install -r requirements.txt
 python manage.py makemigrations
 python manage.py migrate
+# PRODUCTION=1 python manage.py migrate
 python manage.py runserver 8000
 ```
 

backend/config/settings/base.py

@@ -91,6 +91,11 @@
 
 WSGI_APPLICATION = "config.wsgi.app"
 
+SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
+
+SECURE_REDIRECT_EXEMPT = [
+    r'^health/$',
+]
 
 # Database
 # https://docs.djangoproject.com/en/4.2/ref/settings/#databases

backend/utils/filters.py

@@ -1,13 +1,13 @@
-from django_filters import CharFilter, DateFilter, FilterSet, NumberFilter
+from django_filters import CharFilter, DateFilter, DateTimeFilter, FilterSet, NumberFilter
 
 from apps.events.models import Events
 
 
 class EventFilter(FilterSet):
     """Filter for Event queryset"""
 
-    dtstart = DateFilter(field_name="dtstart", lookup_expr="gte")
-    dtend = DateFilter(field_name="dtstart", lookup_expr="lte")
+    dtstart = DateTimeFilter(field_name="dtstart", lookup_expr="gte")
+    dtend = DateTimeFilter(field_name="dtstart", lookup_expr="lte")
     min_price = NumberFilter(field_name="price", lookup_expr="gte")
     max_price = NumberFilter(field_name="price", lookup_expr="lte")
     club_type = CharFilter(field_name="club_type")

frontend/src/features/events/components/EventsStatusBar.tsx

@@ -17,14 +17,26 @@ const EventsStatusBar: React.FC<EventsStatusBarProps> = ({
     if (isLoading) return "Loading..."; 
 
     if (searchTerm) {
-      return `${totalCount} found events`;
+      return (
+        <>
+          <span className="font-bold">{totalCount}</span> found events
+        </>
+      );
     }
 
     if (isShowingPastEvents) {
-      return `${totalCount} total events`;
+      return (
+        <>
+          <span className="font-bold">{totalCount}</span> total events
+        </>
+      );
     }
 
-    return `${totalCount} upcoming events`;
+    return (
+      <>
+        <span className="font-bold">{totalCount}</span> upcoming events
+      </>
+    );
   };
 
   return <p className="text-sm">{getStatusText()}</p>;