feat: render speakers alongside proposer in program

src/actions/program.js

@@ -37,6 +37,7 @@ export const loadProgram = createAsyncAction(
                   "title",
                   "description",
                   "proposer",
+                  "speakers",
                 ]),
                 discussionOpened: entry.discussion_opened,
                 expectedStartAt: parse(

src/pages/Program.jsx

@@ -68,10 +68,10 @@ const Schedule = () => {
                   )}
                 </div>
                 <div className="w-full md:w-32 flex flex-row md:flex-col items-center md:items-stretch md:text-right md:pr-8">
-                  <p className="head-heavy-xs md:head-heavy-base">
+                  <p className="head-allcaps-2xs md:head-heavy-base">
                     {format(entry.expectedStartAt, "H:mm")}
                   </p>
-                  <p className="ml-auto md:ml-0 head-heavy-xs md:head-heavy-xs md:text-grey-200 whitespace-no-wrap">
+                  <p className="ml-auto md:ml-0 head-allcaps-2xs md:head-heavy-xs md:text-grey-200 whitespace-no-wrap">
                     {format(entry.expectedStartAt, "d. M. Y")}
                   </p>
                 </div>
@@ -80,9 +80,17 @@ const Schedule = () => {
                     {isCurrent && <Link to="/">{fullTitle}</Link>}
                     {!isCurrent && fullTitle}
                   </h2>
-                  <div className="flex space-x-2">
-                    <strong>Navrhovatel:</strong>
-                    <span>{entry.proposer}</span>
+                  <div className="leading-normal sm:flex sm:space-x-4">
+                    <div className="space-x-2">
+                      <strong>Navrhovatel:</strong>
+                      <span>{entry.proposer}</span>
+                    </div>
+                    {entry.speakers && (
+                      <div className="space-x-2">
+                        <strong>Řečníci:</strong>
+                        <span>{entry.speakers}</span>
+                      </div>
+                    )}
                   </div>
                   {htmlContent && (
                     <div
@@ -98,6 +106,7 @@ const Schedule = () => {
                           onClick={() => setEntryToActivate(entry)}
                           color="grey-125"
                           className="text-xs"
+                          fullwidth
                         >
                           Aktivovat tento bod programu
                         </Button>

src/ws/handlers/program.js

@@ -11,6 +11,9 @@ export const handleProgramEntryChanged = (payload) => {
       if (has(payload, "title")) {
         state.items[payload.id].title = payload.title;
       }
+      if (has(payload, "description")) {
+        state.items[payload.id].description = payload.description;
+      }
     }
   });
 };

typings/cf2021.d.ts

@@ -15,6 +15,7 @@ declare namespace CF2021 {
     number: string;
     title: string;
     proposer: string;
+    speakers: string;
     discussionOpened: boolean;
     description?: string;
     expectedStartAt: Date;