Overrode default authentication_error method and fixed the url prefix.

.pre-commit-config.yaml

@@ -1,5 +1,5 @@
 default_language_version:
-    python: python3.8
+    python: python3.11
 repos:
 -   repo: https://github.com/pre-commit/pre-commit-hooks
     rev: v4.3.0

Dockerfile

@@ -48,7 +48,7 @@ RUN npm rebuild node-sass
 COPY . /code/
 
 # Url prefix to generate links on the back-end
-ENV PROTOCOL_DOMAIN "http://127.0.0.1:8000"
+ENV PROTOCOL_DOMAIN "http://0.0.0.0:8000"
 
 #Contact Us email address, used for Contact Form
 ENV CONTACT_EMAIL "[email protected]"

app.json

@@ -8,9 +8,6 @@
     "AWS_SECRET_ACCESS_KEY": {
       "required": true
     },
-    "EMAIL_HOST_PASSWORD": {
-      "required": true
-    },
     "S3_BUCKET": {
       "required": true
     },

civictechprojects/helpers/context_preload.py

@@ -23,7 +23,6 @@ def about_project_preload(context, request):
         print('Failed to preload project info, no cache entry found: ' + project_id)
     return context
 
-
 def about_event_preload(context, request):
     context = default_preload(context, request)
     query_args = url_params(request)
@@ -79,14 +78,14 @@ def about_group_preload(context, request):
 
 def companies_preload(context, request):
     context = default_preload(context, request)
-    context['title'] = 'DemocracyLab | Corporate Engagement'
+    context['title'] = 'Corporate Engagement | DemocracyLab'
     context['description'] = 'Do well by doing good! Engage employees at custom events to build culture and spark innovation. Differentiate your brand by sponsoring our public hackathons.'
     return context
 
 
 def about_us_preload(context, request):
     context = default_preload(context, request)
-    context['title'] = 'DemocracyLab | About'
+    context['title'] = 'About | DemocracyLab'
     context['description'] = 'Learn About democracyLab, the nonprofit connecting skilled individuals to tech-for-good projects.'
     return context
 
@@ -111,20 +110,47 @@ def create_event_preload(context, request):
     context['description'] = 'Create event page'
     return context
 
+def create_group_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Create a Group | DemocracyLab'
+    context['description'] = 'Create group page'
+    return context
+
+def create_project_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Create a Project | DemocracyLab'
+    context['description'] = 'Create project page'
+    return context  
 
 def my_projects_preload(context, request):
     context = default_preload(context, request)
     context['title'] = 'My Projects | DemocracyLab'
     context['description'] = 'My Projects page'
     return context
 
-
 def my_groups_preload(context, request):
     context = default_preload(context, request)
     context['title'] = 'My Groups | DemocracyLab'
     context['description'] = 'My Groups page'
     return context
 
+def find_events_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Find Events | DemocracyLab'
+    context['description'] = 'Optimizing the connection between skilled volunteers and tech-for-good events'
+    return context
+
+def find_groups_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Find Groups | DemocracyLab'
+    context['description'] = 'Optimizing the connection between skilled volunteers and tech-for-good groups'
+    return context
+
+def find_projects_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Find Projects | DemocracyLab'
+    context['description'] = 'Optimizing the connection between skilled volunteers and tech-for-good projects'
+    return context
 
 def my_events_preload(context, request):
     context = default_preload(context, request)
@@ -144,6 +170,23 @@ def terms_preload(context, request):
     context['description'] = 'Terms of Use page'
     return context
 
+def sign_up_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Sign Up | DemocracyLab'
+    context['description'] = 'Sign up'
+    return context
+
+def contact_us_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Contact Us | DemocracyLab'
+    context['description'] = 'Contact information for DemocracyLab.'
+    return context
+
+def reset_password_preload(context, request):
+    context = default_preload(context, request)
+    context['title'] = 'Reset Password | DemocracyLab'
+    context['description'] = 'Reset password page'
+    return context
 
 def videos_preload(context, request):
     context = default_preload(context, request)
@@ -182,6 +225,8 @@ def default_preload(context, request):
     {'section': FrontEndSection.EditProfile.value, 'handler': edit_profile_preload},
     {'section': FrontEndSection.AboutUs.value, 'handler': about_us_preload},
     {'section': FrontEndSection.CreateEvent.value, 'handler': create_event_preload},
+    {'section': FrontEndSection.CreateGroup.value,'handler':create_group_preload},
+    {'section': FrontEndSection.CreateProject.value,'handler':create_project_preload},
     {'section': FrontEndSection.MyProjects.value, 'handler': my_projects_preload},
     {'section': FrontEndSection.MyGroups.value, 'handler': my_groups_preload},
     {'section': FrontEndSection.MyEvents.value, 'handler': my_events_preload},
@@ -191,7 +236,13 @@ def default_preload(context, request):
     {'section': FrontEndSection.VideoOverview.value, 'handler': videos_preload},
     {'section': FrontEndSection.AboutEventProject.value, 'handler': about_event_project_preload},
     {'section': FrontEndSection.Privacy.value, 'handler': privacy_preload},
-    {'section': FrontEndSection.Terms.value, 'handler': terms_preload}
+    {'section': FrontEndSection.Terms.value, 'handler': terms_preload},
+    {'section': FrontEndSection.SignUp.value, 'handler': sign_up_preload},
+    {'section': FrontEndSection.ContactUs.value,'handler':contact_us_preload},
+    {'section': FrontEndSection.ResetPassword.value,'handler':reset_password_preload},
+    {'section': FrontEndSection.FindEvents.value,'handler':find_events_preload},
+    {'section': FrontEndSection.FindGroups.value,'handler':find_groups_preload},
+    {'section': FrontEndSection.FindProjects.value,'handler':find_projects_preload},
 ]
 
 

civictechprojects/static/css/styles.scss

@@ -1,11 +1,8 @@
 //import our variables first
 @import "vars";
-//import our fonts from Google Fonts
-@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap");
 
 //import third-party CSS, so we can use it and override it.
-
-// IMPORTANT: Load our bootstrap overrides first, per Bootstrap's documentation.
+    // IMPORTANT: Load our bootstrap overrides first, per Bootstrap's documentation.
 @import "bootstrapoverride";
 //import required Bootstrap (foundation elements)
 @import "vendor/bootstrap/functions";

civictechprojects/templates/new_index.html

@@ -16,6 +16,10 @@
     <script src="/static/js/runtime.bundle.js" defer></script>
     <script src="/static/js/main.bundle.js" defer></script>
     <script src="/static/js/vendors.bundle.js" defer></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://use.fontawesome.com" crossorigin>
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css" crossorigin="anonymous">
     <link rel="stylesheet" type="text/css" href="/static/css/main.styles.css"/>
     <link rel="icon" type="image/png" href="{{FAVICON_PATH}}">

common/components/chrome/MainHeader.jsx

@@ -331,10 +331,13 @@ class MainHeader extends React.Component<{||}, State> {
   }
 
   _handleHeightChange(height: number) {
-    UniversalDispatcher.dispatch({
-      type: "SET_HEADER_HEIGHT",
-      headerHeight: height,
-    });
+    // Use setTimeout with a delay of 0 ms to break the dispatch chain
+    setTimeout(() => {
+      UniversalDispatcher.dispatch({
+        type: "SET_HEADER_HEIGHT",
+        headerHeight: height,
+      });
+    }, 0);
     this.props.onMainHeaderHeightChange(height);
   }
 

common/components/common/projects/AboutProjectDisplay.jsx

@@ -18,7 +18,6 @@ import VolunteerSection from "../volunteers/VolunteerSection.jsx";
 import IconLinkDisplay from "../../componentsBySection/AboutProject/IconLinkDisplay.jsx";
 import type { PositionInfo } from "../../forms/PositionInfo.jsx";
 import CurrentUser, { MyGroupData } from "../../utils/CurrentUser.js";
-import Headers from "../Headers.jsx";
 import Truncate from "../../utils/truncate.js";
 import Sort from "../../utils/sort.js";
 import { LinkTypes } from "../../constants/LinkConstants.js";
@@ -113,7 +112,6 @@ class AboutProjectDisplay extends React.PureComponent<Props, State> {
     return (
       <div className={"container Profile-root" + widthModifier }>
         {isWithinIframe() && <base target="_blank" />}
-        {this._renderHeader(project)}
         <div className="row">
           <div className="Profile-top-section col-12">
             {this._renderTopSection(project)}
@@ -366,23 +364,6 @@ class AboutProjectDisplay extends React.PureComponent<Props, State> {
     );
   }
 
-  _renderHeader(project: ProjectDetailsAPIData): React$Node {
-    const title: string = project.project_name + " | DemocracyLab";
-    const description: string =
-      project.project_short_description ||
-      Truncate.stringT(project.project_description, 300);
-
-    return (
-      <Headers
-        title={title}
-        description={description}
-        thumbnailUrl={
-          project.project_thumbnail && project.project_thumbnail.publicUrl
-        }
-      />
-    );
-  }
-
   _renderContactAndVolunteerButtons(): React$Node {
     return (
       <div className="Profile-owner">

common/components/controllers/AboutEventController.jsx

@@ -1,11 +1,9 @@
 // @flow
 
 import React from "react";
-import Helmet from "react-helmet";
 import ProjectAPIUtils from "../utils/ProjectAPIUtils.js";
 import type { ProjectDetailsAPIData } from "../utils/ProjectAPIUtils.js";
 import metrics from "../utils/metrics.js";
-import Headers from "../common/Headers.jsx";
 import Truncate from "../utils/truncate.js";
 import AboutProjectDisplay from "../common/projects/AboutProjectDisplay.jsx";
 import { APIError } from "../utils/api.js";
@@ -59,25 +57,11 @@ class AboutEventController extends React.PureComponent<{||}, State> {
   _renderDetails(): React$Node {
     return (
       <React.Fragment>
-        {this._renderEventHeader(this.state.event)}
         <AboutEventDisplay event={this.state.event} viewOnly={false} />
       </React.Fragment>
     );
   }
 
-  _renderEventHeader(event: EventData): React$Node {
-    const title: string = event.event_name + " | DemocracyLab";
-    const description: string = event.event_short_description;
-
-    return (
-      <Headers
-        title={title}
-        description={description}
-        thumbnailUrl={event.event_thumbnail && event.event_thumbnail.publicUrl}
-      />
-    );
-  }
-
   _renderLoadMessage(): React$Node {
     return (
       <React.Fragment>

common/components/controllers/AboutProjectController.jsx

@@ -1,11 +1,9 @@
 // @flow
 
 import React from "react";
-import Helmet from "react-helmet";
 import ProjectAPIUtils from "../utils/ProjectAPIUtils.js";
 import type { ProjectDetailsAPIData } from "../utils/ProjectAPIUtils.js";
 import metrics from "../utils/metrics.js";
-import Headers from "../common/Headers.jsx";
 import Truncate from "../utils/truncate.js";
 import AboutProjectDisplay from "../common/projects/AboutProjectDisplay.jsx";
 import { APIError } from "../utils/api.js";

common/components/controllers/ContactUsController.jsx

@@ -1,22 +1,13 @@
 // @flow
 
 import React from "react";
-import Headers from "../common/Headers.jsx";
 import ContactForm from "../forms/ContactForm.jsx";
 
 class ContactUsController extends React.PureComponent<{||}> {
 
-  _renderHeader(): React$Node {
-    const title: string = "DemocracyLab | Contact Us";
-    const description: string = "Contact information for DemocracyLab.";
-
-    return <Headers title={title} description={description} />;
-  }
-
   render(): $React$Node {
     return (
       <React.Fragment>
-        {this._renderHeader()}
         <div className="container contact-us-root">
           <div className="row justify-content-center">
             <div className="col-12 col-lg-10 col-xxl-9">

common/components/controllers/CorporateHackathonController.jsx

@@ -33,6 +33,11 @@ const tabOptions: Dictionary<string> = {
   sponsorship: "tab-sponsorship",
 };
 
+// for now we are trying to test this with a one file change. In the future we should handle this when and where the GOOGLE PROPERTY ID is set
+// safeGtag needs to return true because event handlers need to return true for the event to keep propogating
+//
+const safeGtag=(...args)=>(window.gtag && gtag(...args),true)
+
 class CorporateHackathonController extends React.PureComponent<{||}, State> {
   constructor(props) {
     super(props);
@@ -112,7 +117,8 @@ class CorporateHackathonController extends React.PureComponent<{||}, State> {
     return (
       <React.Fragment>
         <div className="corporate-tab-section">
-          <Tabs defaultActiveKey={this.state.defaultTab} id="corporate-tabs">
+          <Tabs defaultActiveKey={this.state.defaultTab} id="corporate-tabs" 
+                onSelect={tab_option=>safeGtag('event',tab_option)}>
             <Tab
               eventKey={tabOptions.hackathon}
               title="Host a Tech-for-Good Hackathon"
@@ -194,6 +200,7 @@ class CorporateHackathonController extends React.PureComponent<{||}, State> {
                 variant="primary"
                 href="#contact-hackathon"
                 className="corporate-block-button"
+                onClick={e=>safeGtag('event','contact-hackathon')}
               >
                 Get Started
               </Button>
@@ -333,6 +340,7 @@ class CorporateHackathonController extends React.PureComponent<{||}, State> {
                 variant="primary"
                 href="#contact-sponsor"
                 className="corporate-block-button"
+                onClick={e=>safeGtag('event','contact-sponsor')}
               >
                 Get Started
               </Button>
@@ -443,6 +451,7 @@ class CorporateHackathonController extends React.PureComponent<{||}, State> {
         href={cdn.document(
           "2023+DemocracyLab+Corporate+Hackathon+Prospectus.pdf"
         )}
+        onClick={e=>safeGtag('event','HackathonProspectus')}
       >
         Corporate Tech-for-Good Hackathons PDF{" "}
         <i className={Glyph(GlyphStyles.PDF, GlyphSizes.X1)}></i>
@@ -455,6 +464,7 @@ class CorporateHackathonController extends React.PureComponent<{||}, State> {
         href={cdn.document(
           "2023+DemocracyLab+Sponsorship+Prospectus.pdf"
         )}
+        onClick={e=>safeGtag('event','SponsorProspectus')}
       >
         Sponsor Prospectus PDF{" "}
         <i className={Glyph(GlyphStyles.PDF, GlyphSizes.X1)}></i>