Fixed conditional statement for rendering of pageInfoItem.number

uhawaii-system-its-ti-iam · Jul 9, 2024 · 397e3e7 · 397e3e7
1 parent fac22c9
commit 397e3e7
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/ui/src/app/(home)/_components/after-login.tsx b/ui/src/app/(home)/_components/after-login.tsx
@@ -107,8 +107,18 @@ const AfterLogin = async () => {
                                         width={pageInfoItem.icon.width}
                                         height={pageInfoItem.icon.height}
                                         className={`mr-5 mb-4 max-w-${pageInfoItem.icon.width} h-auto`}/>
-                                    {pageInfoItem.number
-                                        && <span className="text-[2.5rem] text-text-color">{pageInfoItem.number}</span>}
+                                    {pageInfoItem.number ?
+                                        <span className="text-[2.5rem] text-text-color">
+                                            {pageInfoItem.number}
+                                        </span> :
+                                        pageInfoItem.number === 0 ?
+                                            <span className="text-[2.5rem] text-text-color">
+                                                {pageInfoItem.number}
+                                            </span> :
+                                            <span className="text-[2.5rem] text-text-color">
+                                                -
+                                            </span>
+                                    }
                                 </div>
                                 <h2 className="text-2xl text-text-color font-medium mb-2">{pageInfoItem.title}</h2>
                                 <p className="mb-4 text-base font-normal">{pageInfoItem.description}</p>