Changeset d66b8eb for phonelux-frontend/src/components/FiltersComponents/SortByComponent.js

Timestamp:

09/21/22 18:47:39 (22 months ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

34950c6

Parents:

5201690

Message:

Component for editing offers added

File:

• phonelux-frontend/src/components/FiltersComponents/SortByComponent.js (modified) (4 diffs)

phonelux-frontend/src/components/FiltersComponents/SortByComponent.js

@@ -1 +1 @@
 import React, { Component } from 'react'
+import { Link } from 'react-router-dom'
 import './SortByComponent.css'
+import SpecificationsFilterComponent from './SpecificationsFilterComponent'
 
 export class SortByComponent extends Component {
@@ -8 +10 @@
     
       this.state = {
-         sortBy: 'mostPopular'
+         sortBy: localStorage.getItem('sortBy') ? localStorage.getItem('sortBy') : 'mostPopular'
       }
     }
@@ -14 +16 @@
     handleChange = (e) => {
       this.props.changeHandler({sortBy: e.target.value})
+      localStorage.setItem('sortBy',e.target.value)
     }
 
@@ -19 +22 @@
     return (
         <div className="sortby-component-wrapper">
-        <select defaultValue={'mostPopular'} onChange={this.handleChange} className='sortby-component-select'>
+        {localStorage.getItem('token') ? <SpecificationsFilterComponent changeHandler={this.props.changeHandler}/> : <></>}
+        <select defaultValue={this.state.sortBy} onChange={this.handleChange} className='sortby-component-select'>
           <option value="mostPopular">Најпопуларно</option>
           <option value="ascending">Цена: Ниска {'>'} Висока</option>