set skeleton count to resultsPerPage too

ohcnetwork · Feb 2, 2025 · 66c3284 · 66c3284
1 parent ccef985
commit 66c3284
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Facility/ConsultationDetails/QuestionnaireResponsesList.tsx b/src/components/Facility/ConsultationDetails/QuestionnaireResponsesList.tsx
@@ -309,7 +309,7 @@ export default function QuestionnaireResponsesList({
       <div className="max-w-full">
         {questionnaireLoading ? (
           <div className="grid gap-5">
-            <CardListSkeleton count={3} />
+            <CardListSkeleton count={resultsPerPage} />
           </div>
         ) : (
           <div>

diff --git a/src/components/Patient/PatientDetailsTab/EncounterHistory.tsx b/src/components/Patient/PatientDetailsTab/EncounterHistory.tsx
@@ -46,7 +46,7 @@ const EncounterHistory = (props: PatientProps) => {
         {encountersLoading ? (
           <div>
             <div className="grid gap-5">
-              <CardListSkeleton count={5} />
+              <CardListSkeleton count={resultsPerPage} />
             </div>
           </div>
         ) : (

diff --git a/src/components/Patient/PatientDetailsTab/patientUpdates.tsx b/src/components/Patient/PatientDetailsTab/patientUpdates.tsx
@@ -59,7 +59,7 @@ export const Updates = (props: PatientProps) => {
         <div className="flex flex-col gap-4">
           {patientUpdatesLoading ? (
             <div className="grid gap-4">
-              <CardListSkeleton count={7} />
+              <CardListSkeleton count={resultsPerPage} />
             </div>
           ) : (
             <div>

diff --git a/src/components/Resource/ResourceCommentSection.tsx b/src/components/Resource/ResourceCommentSection.tsx
@@ -86,7 +86,7 @@ const CommentSection = (props: { id: string }) => {
           {commentsLoading ? (
             <div>
               <div className="grid gap-5">
-                <CardListSkeleton count={10} />
+                <CardListSkeleton count={resultsPerPage} />
               </div>
             </div>
           ) : (