Merge pull request #724 from amyyeung17/318-properties-a11y

Fix #318: Renamed "Properties in View" and added item count
CodeForPhilly · Jul 2, 2024 · 674ec6b · 674ec6b
2 parents 6a7fb15 + 222a038
commit 674ec6b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/PropertyDetailSection.tsx b/src/components/PropertyDetailSection.tsx
@@ -252,6 +252,9 @@ const PropertyDetailSection: FC<PropertyDetailSectionProps> = ({
                 disableCursorAnimation={true}
               ></Pagination>
             </div>
+            <p className="text-center mt-4">
+              {`${((page - 1) * 6) + 1} to ${page === pages ? featuresInView.length : (page * 6)} of ${featuresInView.length}`}
+            </p>
             <div className="flex w-full justify-center py-4 px-6">
               <p className="body-sm text-gray-500">
                 Note: only the first 100 properties can be viewed in list.

diff --git a/src/components/SidePanelControlBar.tsx b/src/components/SidePanelControlBar.tsx
@@ -80,7 +80,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
                 ? savedPropertyCount
                 : featureCount.toLocaleString()}{" "}
             </span>
-            Properties <span className="max-xl:hidden"> in View </span>
+            <span className="sm:hidden lg:inline"> Total </span> Properties 
           </h1>
         </div>
         {/* Right-aligned content: Buttons */}