fix: Handle undefined text color (#4851)

Author: iamareebjamal

app/helpers/text-color.ts

@@ -3,5 +3,7 @@ import Helper from '@ember/component/helper';
 
 // inputs: bg color, dark color (chosen if bg is light), light color (chosen if bg is dark)
 export default Helper.helper(function(params: string[]): string {
-  return getTextColor(params[0], params[1], params[2]);
+  const color = params[0];
+  if (!color) {return '#000'}
+  return getTextColor(color, params[1], params[2]);
 });

app/routes/public/index.js

@@ -5,6 +5,7 @@ import moment from 'moment';
 import { set } from '@ember/object';
 import ENV from 'open-event-frontend/config/environment';
 import { allSettled } from 'rsvp';
+import { SPEAKERS_FILTER } from './speakers';
 
 @classic
 export default class IndexRoute extends Route {
@@ -37,9 +38,11 @@ export default class IndexRoute extends Route {
           name : 'is-featured',
           op   : 'eq',
           val  : 'true'
-        }
+        },
+        ...SPEAKERS_FILTER
       ],
-      'page[size]': 0
+      include      : 'sessions.track',
+      'page[size]' : 0
     });
     const sponsorsPromise = event.get('sponsors');
     const taxPromise = event.get('tax');

app/templates/components/public/speaker-item.hbs

@@ -53,12 +53,12 @@
             </p>
           {{/if}}
           <a href="{{href-to 'public.sessions' (query-params session_id=session.id)}}">
-            <div class="ui fluid rounded-default p-4" style={{css color=session.track.fontColor background-color=session.track.color}}>
+            <div class="ui fluid rounded-default p-4" style={{css color=(text-color session.track.color) background-color=session.track.color}}>
               <div style={{css opacity=0.9}}>
                 {{#if (and session.startsAt session.endsAt)}}
                   <strong>{{general-date session.startsAt @timezone 'HH:mm'}} - {{general-date session.endsAt @timezone 'hh:mm'}}</strong>
                 {{/if}}
-                <h3 class="m-0" style={{css user-select='text' color=(text-color session.track.color)}}>
+                <h3 class="m-0" style={{css user-select='text'}}>
                   {{session.title}}
                 </h3>
               </div>