@snapdragonsnursery/react-components 1.1.28 → 1.1.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/ChildSearchPage.jsx +12 -13
package/package.json
CHANGED
package/src/ChildSearchPage.jsx
CHANGED
|
@@ -665,7 +665,7 @@ const ChildSearchPage = ({
|
|
|
665
665
|
{!loading && !error && (
|
|
666
666
|
<>
|
|
667
667
|
{/* Results Header */}
|
|
668
|
-
<div className="px-6 py-
|
|
668
|
+
<div className="px-6 py-6 border-b border-gray-200 dark:border-gray-700" style={{ padding: '24px' }}>
|
|
669
669
|
<div className="flex items-center justify-between">
|
|
670
670
|
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
671
671
|
{(pagination.totalCount > 0 || children.length > 0)
|
|
@@ -739,20 +739,15 @@ const ChildSearchPage = ({
|
|
|
739
739
|
|
|
740
740
|
{/* Pagination */}
|
|
741
741
|
{(pagination.totalCount > 0 || children.length > 0) && (
|
|
742
|
-
<div className="px-6 py-8 border-t border-gray-200 dark:border-gray-700">
|
|
743
|
-
{/* Pagination Info */}
|
|
744
|
-
<div className="flex items-center justify-between
|
|
742
|
+
<div className="px-6 py-8 border-t border-gray-200 dark:border-gray-700" style={{ padding: '32px 24px' }}>
|
|
743
|
+
{/* Pagination Info and Controls */}
|
|
744
|
+
<div className="flex items-center justify-between">
|
|
745
745
|
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
746
746
|
Page {pagination.page} of {pagination.totalPages || 1}
|
|
747
747
|
</div>
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
</div>
|
|
752
|
-
|
|
753
|
-
{/* Pagination Controls */}
|
|
754
|
-
{(pagination.totalPages > 1 || children.length > 0) && (
|
|
755
|
-
<div className="flex justify-center">
|
|
748
|
+
|
|
749
|
+
{/* Pagination Controls */}
|
|
750
|
+
{(pagination.totalPages > 1 || children.length > 0) && (
|
|
756
751
|
<Pagination>
|
|
757
752
|
<PaginationContent>
|
|
758
753
|
<PaginationItem>
|
|
@@ -840,8 +835,12 @@ const ChildSearchPage = ({
|
|
|
840
835
|
</PaginationItem>
|
|
841
836
|
</PaginationContent>
|
|
842
837
|
</Pagination>
|
|
838
|
+
)}
|
|
839
|
+
|
|
840
|
+
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
841
|
+
{pagination.totalCount || children.length} total children
|
|
843
842
|
</div>
|
|
844
|
-
|
|
843
|
+
</div>
|
|
845
844
|
</div>
|
|
846
845
|
)}
|
|
847
846
|
</>
|