G2P-2388: Made program details popup with fixed size and scroll

OpenG2P · Jun 20, 2024 · b715258 · b715258
1 parent d0d670b
commit b715258
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -119,7 +119,7 @@
   "No applications yet please tap on the below link to view all programs": "No applications yet, please tap on the below link to view all programs",
   "No benefits yet please tap on the below link to view all programs": "No benefits yet, please tap on the below link to view all programs",
   "You havent enrolled into any programs yet please tap on the below link to view all programs": "You haven’t enrolled into any programs yet, please tap on the below link to view all programs",
-  "No Applications No Benefits": "You haven’t applied to any programs yet; please tap on the below link to view all programs.",
+  "No Applications No Benefits": "You haven’t applied to any programs yet, please tap on the below link to view all programs.",
   "Applications but No Benefits": "No approved entitlement to show, please visit my application page.",
   "View All Program": "View All Program",
   "View My Applications": "View Applications",

diff --git a/messages/es.json b/messages/es.json
@@ -119,7 +119,7 @@
   "No applications yet please tap on the below link to view all programs": "Todavía no hay solicitudes, por favor toque el enlace de abajo para ver todos los programas",
   "No benefits yet please tap on the below link to view all programs": "Todavía no hay beneficios, por favor toque el enlace de abajo para ver todos los programas",
   "You havent enrolled into any programs yet please tap on the below link to view all programs": "Todavía no se ha inscrito en ningún programa, por favor toque el enlace de abajo para ver todos los programas",
-  "No Applications No Benefits": "Aún no has aplicado a ningún programa; por favor, toca el enlace de abajo para ver todos los programas.",
+  "No Applications No Benefits": "Aún no has aplicado a ningún programa, por favor, toca el enlace de abajo para ver todos los programas.",
   "Applications but No Benefits": "No hay ningún derecho aprobado para mostrar, por favor visita mi página de aplicaciones.",
   "View All Program": "Ver Todos los Programas",
   "View My Applications": "Ver Aplicaciones",

diff --git a/messages/fr.json b/messages/fr.json
@@ -119,7 +119,7 @@
   "No applications yet please tap on the below link to view all programs": "Aucune demande pour le moment, veuillez appuyer sur le lien ci-dessous pour voir tous les programmes",
   "No benefits yet please tap on the below link to view all programs": "Aucun avantage pour le moment, veuillez appuyer sur le lien ci-dessous pour voir tous les programmes",
   "You havent enrolled into any programs yet please tap on the below link to view all programs": "Vous n'êtes inscrit à aucun programme pour le moment, veuillez appuyer sur le lien ci-dessous pour voir tous les programmes",
-  "No Applications No Benefits": "Vous n'avez encore postulé à aucun programme ; veuillez cliquer sur le lien ci-dessous pour voir tous les programmes.",
+  "No Applications No Benefits": "Vous n'avez encore postulé à aucun programme, veuillez cliquer sur le lien ci-dessous pour voir tous les programmes.",
   "Applications but No Benefits": "Aucun droit approuvé à afficher, veuillez visiter ma page de candidature.",
   "View All Program": "Voir Tous les Programmes",
   "View My Applications": "Voir Candidatures",

diff --git a/messages/tl.json b/messages/tl.json
@@ -119,7 +119,7 @@
   "No applications yet please tap on the below link to view all programs": "Wala pang mga aplikasyon, mangyaring pindutin ang link sa ibaba upang tingnan lahat ng mga programa",
   "No benefits yet please tap on the below link to view all programs": "Wala pang mga benepisyo, mangyaring pindutin ang link sa ibaba upang tingnan lahat ng mga programa",
   "You havent enrolled into any programs yet please tap on the below link to view all programs": "Hindi ka pa nakapag-enroll sa anumang programa, mangyaring pindutin ang link sa ibaba upang tingnan lahat ng mga programa",
-  "No Applications No Benefits": "Wala ka pang inaaplayan na mga programa; pakitap ang link sa ibaba upang makita ang lahat ng mga programa.",
+  "No Applications No Benefits": "Wala ka pang inaaplayan na mga programa, pakitap ang link sa ibaba upang makita ang lahat ng mga programa.",
   "Applications but No Benefits": "Walang naaprubahang benepisyo na ipapakita, pakibisita ang aking pahina ng aplikasyon.",
   "View All Program": "Tingnan Lahat ng Programa",
   "View My Applications": "Tingnan ang Aking Mga Aplikasyon",

diff --git a/src/app/[locale]/programs/page.tsx b/src/app/[locale]/programs/page.tsx
@@ -689,14 +689,19 @@ export default function ProgrmPage({
           className="fixed top-0 left-0 w-full h-full flex items-center justify-center bg-black bg-opacity-50"
           onClick={closeProgramDetails}
         >
-          <div className="bg-white p-4 rounded-md relative" onClick={(e) => e.stopPropagation()}>
-            <h3 className="rowElement font-bold">{selectedProgram.name}</h3>
+          <div
+            className="bg-white p-4 rounded-md relative w-[400px] h-[200px]" // Fixed width and height
+            onClick={(e) => e.stopPropagation()}
+            style={{overflowY: "auto"}} // Add vertical scroll if content overflows
+          >
+            <h3 className="rowElement font-bold text-center flex justify-center">{selectedProgram.name}</h3>
+            <hr className="my-2 border-gray-300" /> {/* Horizontal line */}
             <p className="snoElement mt-2">{selectedProgram.description}</p>
             <button
               className="absolute top-1 right-1 text-red-600 hover:text-gray-800"
               onClick={closeProgramDetails}
             >
-              &times;
+              ×
             </button>
           </div>
         </div>