Add support for staff-stream and staff-photo

src/components/AssignmentLabel/AssignmentLabel.tsx

@@ -38,6 +38,10 @@ export function AssignmentLabel({ assignmentCode }: AssignmentLabelProps) {
       return <Pill className="bg-purple-200">{name}</Pill>;
     case 'staff-stagelead':
       return <Pill className="bg-fuchsia-200">{name}</Pill>;
+    case 'staff-stream':
+      return <Pill className="bg-pink-300">{name}</Pill>;
+    case 'staff-photo':
+      return <Pill className="bg-amber-500">{name}</Pill>;
     default:
       return <Pill className="bg-blue-100">{name}</Pill>;
   }

src/i18n/en/translation.yaml

@@ -75,6 +75,14 @@ common:
       noun: Delegate
       noun_other: Delegates
       verb: Delegating
+    staff-stream:
+      noun: Livestream
+      noun_other: Livestream
+      verb: Streaming
+    staff-photo:
+      noun: Photographer
+      noun_other: Photographers
+      verb: Photographing
     staff-dataentry:
       noun: Data Entry
       noun_other: Data Entry

src/i18n/pl/translation.yaml

@@ -72,6 +72,14 @@ common:
       noun: Delegat
       noun_other: Delegaci
       verb: Delegating
+    staff-stream:
+      noun: Transmisja na żywo
+      noun_other: Transmisje na żywo
+      verb: Streaming
+    staff-photo:
+      noun: Fotograf
+      noun_other: Fotografowie
+      verb: Photographing
     staff-dataentry:
       noun: Rejestrator wyników
       noun_other: Rejestratorzy wyników

src/lib/assignments.ts

@@ -16,6 +16,8 @@ export type SupportedAssignmentCode =
   | 'staff-break'
   | 'staff-core'
   | 'staff-setupteardown'
+  | 'staff-stream'
+  | 'staff-photo'
   | 'staff-other';
 
 export type AssignmentConfig = {
@@ -113,6 +115,18 @@ const Assignments: Array<AssignmentConfig> = [
     colorClass: tailwindColors.rose,
     key: 'c',
   },
+  {
+    id: 'staff-stream',
+    color: colors.pink,
+    colorClass: tailwindColors.pink,
+    key: 'm',
+  },
+  {
+    id: 'staff-photo',
+    color: colors.amber,
+    colorClass: tailwindColors.amber,
+    key: 'p',
+  }
 ];
 
 export const AssignmentsMap = Assignments.reduce(
@@ -134,6 +148,8 @@ export const AssignmentCodeRank: AssignmentCode[] = [
   'staff-stagelead',
   'staff-delegate',
   'staff-dataentry',
+  'staff-stream',
+  'staff-photo',
   'staff-setupteardown',
   'staff-core',
   'staff-break',

src/lib/constants.ts

@@ -7,6 +7,8 @@ export const GroupAssignmentCodeRank: SupportedAssignmentCode[] = [
   'staff-announcer',
   'staff-stagelead',
   'staff-dataentry',
+  'staff-stream',
+  'staff-photo',
   'staff-scrambler',
   'staff-runner',
   'staff-judge',

src/pages/Competition/Schedule/PeopleList.tsx

@@ -44,6 +44,8 @@ export const PeopleList = ({
             'bg-violet-200': assignmentCode === 'staff-announcer',
             'bg-purple-800': assignmentCode === 'staff-stagelead',
             'bg-purple-200': assignmentCode === 'staff-delegate',
+            'bg-amber-500': assignmentCode === 'staff-photo',
+            'bg-pink-300': assignmentCode === 'staff-stream',
             'bg-slate-200': !AssignmentCodeRank.includes(assignmentCode),
             'bg-rose-200': assignmentCode === 'staff-core',
           };
@@ -53,6 +55,8 @@ export const PeopleList = ({
             'even:bg-blue-50': assignmentCode.match(/judge/i),
             'even:bg-cyan-50': assignmentCode === 'staff-dataentry',
             'even:bg-violet-50': assignmentCode === 'staff-announcer',
+            'even:bg-fuchsia-50': assignmentCode === 'staff-stream',
+            'even:bg-orange-50': assignmentCode === 'staff-photo',
             'even:bg-purple-50':
               assignmentCode === 'staff-stagelead' || assignmentCode === 'staff-delegate',
             'even:bg-slate-50': !AssignmentCodeRank.includes(assignmentCode),