initial state good

Author: kexana

my-app/src/model.js

@@ -16,15 +16,15 @@ export const model = {
         applyTranscriptFilter: true,
         eligibility: "weak",  //the possible values for the string are: "weak"/"moderate"/"strong"
         applyLevelFilter: true,
-        level: [], //the possible values for the array are: "PREPARATORY", "BASIC", "ADVANCED", "RESEARCH"
+        level: ["PREPARATORY", "BASIC", "ADVANCED", "RESEARCH"], //the possible values for the array are: "PREPARATORY", "BASIC", "ADVANCED", "RESEARCH"
         applyLanguageFilter: true,
         language: "none", //the possible values for the string are: "none"/"english"/"swedish"/"both"
         applyLocationFilter:true,
         location: [], //the possible values for the array are: 'KTH Campus', 'KTH Kista', 'AlbaNova', 'KTH Flemingsberg', 'KTH Solna', 'KTH Södertälje', 'Handelshögskolan', 'KI Solna', 'Stockholms universitet', 'KONSTFACK'
         applyCreditsFilter:true,
         creditMin: 0,
         creditMax: 45,
-        applyDepartmentFilter:false,
+        applyDepartmentFilter: true,
         department: []
     },
 
@@ -138,6 +138,8 @@ export const model = {
     },
     setApplyLevelFilter(levelFilterState) {
         this.filterOptions.applyLevelFilter = levelFilterState;
+        
+        console.log("model -",this.filterOptions.level);
     },
     setApplyLanguageFilter(languageFilterState) {
         this.filterOptions.applyLanguageFilter = languageFilterState;

my-app/src/pages/App.jsx

@@ -10,7 +10,6 @@ import { model } from '/src/model.js';
 function MainAppLayout({ model }) {
 	return (
 		<div className="flex h-screen w-screen overflow-hidden">
-			<FilterPresenter model={model} />
 			<div className="flex-auto w-40% h-full bg-gradient-to-t from-[#4f3646] to-[#6747c0]">
 				<SidebarPresenter model={model} />
 			</div>
@@ -21,6 +20,7 @@ function MainAppLayout({ model }) {
 				<div className="flex-auto border bg-[#121212] relative">
 					<ListViewPresenter model={model} />
 				</div>
+			<FilterPresenter model={model} />
 			</div>
 		</div>
 	);