Implement filter by filled-out application

assets/js/__test__/components/VacancyList-test.jsx

@@ -389,6 +389,17 @@ describe('VacancyList', () => {
     expect(vacancyList.generateVacancies()).to.exist;
   });
 
+  it('filters filled-out applications for stident user', () => {
+    const vacancyList = ReactTestUtils.renderIntoDocument(
+      <VacancyList items={newResponse} userId={3} user={studentUser} />,
+    );
+    vacancyList.state.vacancies = newResponse;
+    vacancyList.state.vacancyStateFilter = 3;
+    expect(vacancyList.generateVacancies()).to.exist;
+    vacancyList.state.vacancyStateFilter = 4;
+    expect(vacancyList.generateVacancies()).to.exist;
+  });
+
   it('renders without problem for company', () => {
     const vacancyList = ReactTestUtils.renderIntoDocument(
       <VacancyList items={newResponse} userId={1} user={companyUser} />,

assets/js/components/VacancyList.jsx

@@ -39,6 +39,8 @@ export default class VacancyList extends React.Component {
         { key: 0, text: 'Semua', value: 0 },
         { key: 1, text: 'Masih Menerima', value: 1 },
         { key: 2, text: 'Sudah Tutup', value: 2 },
+        { key: 3, text: 'Belum Terpenuhi', value: 3},
+        { key: 4, text: 'Sudah Terpenuhi', value: 4},
       ],
       sort: '',
       sortBy: [
@@ -119,6 +121,16 @@ export default class VacancyList extends React.Component {
       filteredVacancies = filteredVacancies.filter(
         (vacancy) => vacancy.props.data.close_time < moment().format(),
       );
+    } else if (vacancyStateFilter === 3) {
+      filteredVacancies = filteredVacancies.filter(
+        (vacancy) => vacancy.props.data.total_accepted_applicants 
+        < vacancy.props.data.max_accepted_applicants,
+      );
+    } else if (vacancyStateFilter === 4) {
+      filteredVacancies = filteredVacancies.filter(
+        (vacancy) => vacancy.props.data.total_accepted_applicants 
+        >= vacancy.props.data.max_accepted_applicants,
+      );
     }
 
     return filteredVacancies;
@@ -164,6 +176,8 @@ export default class VacancyList extends React.Component {
           salary={this.props.salary}
         />
       ));
+      console.log(vacancies);
+      console.log("ini cuy")
       vacancies = this.sortVacancies(vacancies);
       vacancies = this.filterVacanciesBasedOnSalary(vacancies);
       vacancies = this.filterVacanciesBasedOnVacancyStatus(vacancies);