parent
							
								
									03bc98379a
								
							
						
					
					
						commit
						bc0046172b
					
				
				 9 changed files with 211 additions and 173 deletions
			
			
		| @ -1,3 +0,0 @@ | ||||
| import { createBrowserHistory } from "history"; | ||||
| 
 | ||||
| export default createBrowserHistory(); | ||||
| @ -1,23 +1,25 @@ | ||||
| textarea { | ||||
|   width: 100%; | ||||
|   font-family: numeralLight; | ||||
|   border-radius: 10px; | ||||
|   border: 1px solid #c4c4c5; | ||||
|   padding: 10px 8px; | ||||
|   color: #6f7074; | ||||
|   &::placeholder { | ||||
|     color: #797979; | ||||
| .material-modal { | ||||
|   textarea { | ||||
|     width: 100%; | ||||
|     font-family: numeralLight; | ||||
|     border-radius: 10px; | ||||
|     border: 1px solid #c4c4c5; | ||||
|     padding: 10px 8px; | ||||
|     color: #6f7074; | ||||
|     &::placeholder { | ||||
|       color: #797979; | ||||
|     } | ||||
|     &:focus { | ||||
|       outline: 0px; | ||||
|     } | ||||
|   } | ||||
|   &:focus { | ||||
|     outline: 0px; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| button { | ||||
|   width: 100%; | ||||
|   font-family: numeralLight; | ||||
|   background-color: #00cc69; | ||||
|   color: white; | ||||
|   border: 0px; | ||||
|   margin-top: 20px; | ||||
|   button { | ||||
|     width: 100%; | ||||
|     font-family: numeralLight; | ||||
|     background-color: #00cc69; | ||||
|     color: white; | ||||
|     border: 0px; | ||||
|     margin-top: 20px; | ||||
|   } | ||||
| } | ||||
|  | ||||
| @ -1,21 +1,36 @@ | ||||
| import React from 'react'; | ||||
| import React from "react"; | ||||
| 
 | ||||
| import AppliedFiltesrs from './AppliedFilters/index'; | ||||
| import TypicalFilters from './TypicalFilters/index'; | ||||
| import AppliedFiltesrs from "./AppliedFilters/index"; | ||||
| import TypicalFilters from "./TypicalFilters/index"; | ||||
| 
 | ||||
| import './index.scss'; | ||||
| import "./index.scss"; | ||||
| export default class Filtesrs extends React.Component { | ||||
|   render() { | ||||
|     const {parent} = this.props; | ||||
|     return( | ||||
|     const { parent } = this.props; | ||||
|     return ( | ||||
|       <div className="products-filters d-flex flex-column"> | ||||
|         { | ||||
|           parent.state.selectedFilters.level.length !== 0 || parent.state.selectedFilters.subject.length !== 0   ? | ||||
|           <AppliedFiltesrs parent={parent} data={parent.state.selectedFilters} />: null | ||||
|         } | ||||
|         <TypicalFilters name ="subject" parent={parent} data={parent.props.subjects} title="دسته بندی موضوعی" theme="#D7FF17" /> | ||||
|         <TypicalFilters name="level" parent={parent} data={parent.props.levels} title="پایه تحصیلی" theme="#FF8917" /> | ||||
|         {parent.state.selectedFilters.level.length !== 0 || | ||||
|         parent.state.selectedFilters.subject.length !== 0 ? ( | ||||
|           <AppliedFiltesrs | ||||
|             parent={parent} | ||||
|             data={parent.state.selectedFilters} | ||||
|           /> | ||||
|         ) : null} | ||||
|         <TypicalFilters | ||||
|           name="subject" | ||||
|           parent={parent} | ||||
|           data={parent.props.subjects} | ||||
|           title="دسته بندی موضوعی" | ||||
|           theme="#D7FF17" | ||||
|         /> | ||||
|         <TypicalFilters | ||||
|           name="level" | ||||
|           parent={parent} | ||||
|           data={parent.props.levels} | ||||
|           title="پایه تحصیلی" | ||||
|           theme="#FF8917" | ||||
|         /> | ||||
|       </div> | ||||
|     ); | ||||
|   } | ||||
| } | ||||
| } | ||||
|  | ||||
					Loading…
					
					
				
		Reference in new issue