Merge pull request #64 from stefanv/display-nr-of-filtered

Show number of filtered entries

Author: stefanv

src/components/JobsFilter.jsx

@@ -11,7 +11,7 @@ import filterJobs from '../filter-jobs.mjs';
 
 const defaultFormValues = {
   fullTime: false,
-  ossTimeGt: 0,
+  ossTimeGt: "0",
   showExpired: false,
   remote: false
 };
@@ -24,6 +24,8 @@ const JobsFilter = () => {
 
   const jobs = filterJobs(jobData, formData);
 
+  const isFiltered = JSON.stringify(formData) !== JSON.stringify(defaultFormValues);
+
   return (
     <div className="jobsLayout">
       <div className="leftColumn">
@@ -74,6 +76,11 @@ const JobsFilter = () => {
               Reset
             </button>
           </form>
+          {isFiltered && (
+            <div className="count">
+              Displaying {jobs.length} / {jobData.length} entries.
+            </div>
+          )}
         </div>
         <HowToPost/>
       </div>

src/styles/global.css

@@ -77,6 +77,12 @@ a {
   padding: 0.5rem 1rem 0.5rem 1rem;
   width: 100%;
 }
+.count {
+  margin-top: 1rem;
+  font-size: 0.8rem;
+  color: #666;
+  text-align: center;
+}
 .howToPost {
   background: #007d8a;
   color: white;