feat: Add Action Items to Event Dashboard (PalisadoesFoundation#1669)

* add modals

* design adjustments

* add popover on notes

* add tests and refactor

* add tests for action items modal

* remove unnecassary fields from the update modal

* add translations

* minor correction

* refactor

* fix failing test

* improve coverage

* change left drawer text to 'Event Action Items'

* restore package-lock.json

* corrections

public/locales/en.json

@@ -271,7 +271,10 @@
   },
   "organizationActionItems": {
     "actionItemCategory": "Action Item Category",
+    "actionItemActive": "Action Item Active",
+    "actionItemCompleted": "Action Item Completed",
     "actionItemDetails": "Action Item Details",
+    "actionItemStatus": "Action Item Status",
     "assignee": "Assignee",
     "assigner": "Assigner",
     "assignmentDate": "Assignment Date",
@@ -287,13 +290,16 @@
     "dueDate": "Due Date",
     "earliest": "Earliest",
     "editActionItem": "Edit Action Item",
+    "eventActionItems": "Event Action Items",
     "isCompleted": "Completed",
     "latest": "Latest",
+    "makeActive": "Make Active",
+    "markCompletion": "Mark Completion",
     "no": "No",
     "noActionItems": "No Action Items",
     "options": "Options",
-    "preCompletionNotes": "Pre Completion Notes",
-    "postCompletionNotes": "Post Completion Notes",
+    "preCompletionNotes": "Notes",
+    "postCompletionNotes": "Completion Notes",
     "selectActionItemCategory": "Select an action item category",
     "selectAssignee": "Select an assignee",
     "status": "Status",

public/locales/fr.json

@@ -266,7 +266,10 @@
   },
   "organizationActionItems": {
     "actionItemCategory": "Catégorie de l'élément d'action",
+    "actionItemActive": "Mesure de suivi active",
+    "actionItemCompleted": "Mesure de suivi terminée",
     "actionItemDetails": "Détails de l'élément d'action",
+    "actionItemStatus": "État de l’action",
     "assignee": "Attributaire",
     "assigner": "Assignateur",
     "assignmentDate": "Date d'attribution",
@@ -282,8 +285,11 @@
     "dueDate": "Date d'échéance",
     "earliest": "Le plus tôt",
     "editActionItem": "Modifier l'élément d'action",
+    "eventActionItems": "Mesures à prendre pour l’événement",
     "isCompleted": "Terminé",
     "latest": "Le plus récent",
+    "makeActive": "Rendre actif",
+    "markCompletion": "Marquer l'achèvement",
     "no": "Non",
     "noActionItems": "Pas d'éléments d'action",
     "options": "Options",

public/locales/hi.json

@@ -266,7 +266,10 @@
   },
   "organizationActionItems": {
     "actionItemCategory": "कार्य आइटम श्रेणी",
+    "actionItemActive": "क्रिया आइटम सक्रिय",
+    "actionItemCompleted": "क्रिया आइटम पूर्ण हुआ",
     "actionItemDetails": "कार्य आइटम विवरण",
+    "actionItemStatus": "कार्रवाई आइटम स्थिति",
     "assignee": "सौंपने वाला",
     "assigner": "निर्धारक",
     "assignmentDate": "सौंपने की तारीख",
@@ -282,8 +285,11 @@
     "dueDate": "नियत तारीख",
     "earliest": "सबसे पहले",
     "editActionItem": "कार्य आइटम संपादित करें",
+    "eventActionItems": "इवेंट एक्शन आइटम",
     "isCompleted": "पूरा हुआ",
     "latest": "नवीनतम",
+    "makeActive": "सक्रिय करें",
+    "markCompletion": "मार्क पूर्णता",
     "no": "नहीं",
     "noActionItems": "कोई कार्य आइटम नहीं",
     "options": "विकल्प",

public/locales/sp.json

@@ -266,7 +266,10 @@
   },
   "organizationActionItems": {
     "actionItemCategory": "Categoría del ítem de acción",
+    "actionItemActive": "Elemento de acción activo",
+    "actionItemCompleted": "Elemento de acción completado",
     "actionItemDetails": "Detalles del ítem de acción",
+    "actionItemStatus": "Estado del elemento de acción",
     "assignee": "Asignado",
     "assigner": "Asignador",
     "assignmentDate": "Fecha de asignación",
@@ -282,8 +285,11 @@
     "dueDate": "Fecha de vencimiento",
     "earliest": "Lo más temprano",
     "editActionItem": "Editar ítem de acción",
+    "eventActionItems": "Elementos de acción del evento",
     "isCompleted": "Completado",
     "latest": "Lo más reciente",
+    "makeActive": "Activar",
+    "markCompletion": "Marcar finalización",
     "no": "No",
     "noActionItems": "No hay ítems de acción",
     "options": "Opciones",

public/locales/zh.json

@@ -295,7 +295,10 @@
   },
   "organizationActionItems": {
     "actionItemCategory": "行动项目类别",
+    "actionItemActive": "活动措施项",
+    "actionItemCompleted": "已完成操作项",
     "actionItemDetails": "行动项目详情",
+    "actionItemStatus": "措施项状态",
     "assignee": "受让人",
     "assigner": "分配者",
     "assignmentDate": "分配日期",
@@ -311,8 +314,11 @@
     "dueDate": "到期日",
     "earliest": "最早",
     "editActionItem": "编辑行动项目",
+    "eventActionItems": "事件操作项",
     "isCompleted": "已完成",
     "latest": "最新",
+    "makeActive": "激活",
+    "markCompletion": "标记完成",
     "no": "否",
     "noActionItems": "无行动项目",
     "options": "选项",

src/components/ActionItems/ActionItemsContainer.module.css

@@ -0,0 +1,25 @@
+.actionItemStatusBadge {
+  width: 5.5rem;
+  margin-left: 1.1rem;
+}
+
+.createModal {
+  margin-top: 20vh;
+  margin-left: 13vw;
+  max-width: 80vw;
+}
+
+.titlemodal {
+  color: var(--bs-gray-600);
+  font-weight: 600;
+  font-size: 20px;
+  margin-bottom: 20px;
+  padding-bottom: 5px;
+  border-bottom: 3px solid var(--bs-primary);
+  width: 65%;
+}
+
+.actionItemsOptionsButton {
+  width: 24px;
+  height: 24px;
+}