diff --git a/services/oodikone2-frontend/src/components/CourseStatistics/SearchForm/index.jsx b/services/oodikone2-frontend/src/components/CourseStatistics/SearchForm/index.jsx index f93b29989c..704a4767a5 100644 --- a/services/oodikone2-frontend/src/components/CourseStatistics/SearchForm/index.jsx +++ b/services/oodikone2-frontend/src/components/CourseStatistics/SearchForm/index.jsx @@ -9,6 +9,7 @@ import { clearCourses, findCoursesV2 } from '../../../redux/coursesearch' import { getCourseStats, clearCourseStats } from '../../../redux/coursestats' import AutoSubmitSearchInput from '../../AutoSubmitSearchInput' import CourseTable from '../CourseTable' +import Progressbar from '../../Progressbar' import { getCourseSearchResults } from '../../../selectors/courses' import { getStartAndEndYearValues } from '../courseStatisticsUtils' import YearFilter from './YearFilter' @@ -155,75 +156,78 @@ class SearchForm extends Component { const noQueryStrings = !coursename && !coursecode return ( - -
-
-
- - - - this.setState({ coursename: cn })} - loading={this.props.coursesLoading} - minSearchLength={0} - /> - - - - this.setState({ coursecode: cc })} - loading={this.props.coursesLoading} - minSearchLength={0} - /> - - -
- - + + +
+
+
+ + + + this.setState({ coursename: cn })} + loading={this.props.coursesLoading} + minSearchLength={0} + /> + + + + this.setState({ coursecode: cc })} + loading={this.props.coursesLoading} + minSearchLength={0} + /> + + +
+ + + {isLoading ? : null} + ) } } diff --git a/services/oodikone2-frontend/src/components/Faculty/FacultySelector/index.jsx b/services/oodikone2-frontend/src/components/Faculty/FacultySelector/index.jsx index 29945d52e3..efe98b50ff 100644 --- a/services/oodikone2-frontend/src/components/Faculty/FacultySelector/index.jsx +++ b/services/oodikone2-frontend/src/components/Faculty/FacultySelector/index.jsx @@ -1,12 +1,12 @@ import React, { useEffect } from 'react' import { withRouter } from 'react-router' import { connect } from 'react-redux' -import { string, func, arrayOf, shape } from 'prop-types' +import { func, arrayOf, shape } from 'prop-types' import { getFaculties } from '../../../redux/faculties' -import { getTextIn } from '../../../common' +// import { getTextIn } from '../../../common' import SortableTable from '../../SortableTable' -const FacultySelector = ({ language, handleSelect, dispatchGetFaculties, faculties }) => { +const FacultySelector = ({ handleSelect, dispatchGetFaculties, faculties }) => { const fetchFaculties = async () => { await dispatchGetFaculties() } @@ -19,7 +19,7 @@ const FacultySelector = ({ language, handleSelect, dispatchGetFaculties, faculti { key: 'name', title: 'name', - getRowVal: faculty => getTextIn(faculty.name, language) + getRowVal: faculty => faculty.name.fi // getTextIn(faculty.name, language) temp fix maybe }, { key: 'code', @@ -38,15 +38,15 @@ const FacultySelector = ({ language, handleSelect, dispatchGetFaculties, faculti ) } FacultySelector.propTypes = { - language: string.isRequired, + // language: string.isRequired, handleSelect: func.isRequired, dispatchGetFaculties: func.isRequired, faculties: arrayOf(shape({})).isRequired } -const mapStateToProps = ({ faculties, settings }) => ({ - faculties: faculties.data, - language: settings.language +const mapStateToProps = ({ faculties }) => ({ + faculties: faculties.data + // language: settings.language }) export default connect(mapStateToProps, { dispatchGetFaculties: getFaculties })(withRouter(FacultySelector)) diff --git a/services/oodikone2-frontend/src/components/PopulationCourses/index.jsx b/services/oodikone2-frontend/src/components/PopulationCourses/index.jsx index ce75f864b6..9a32a282e3 100644 --- a/services/oodikone2-frontend/src/components/PopulationCourses/index.jsx +++ b/services/oodikone2-frontend/src/components/PopulationCourses/index.jsx @@ -6,6 +6,7 @@ import { getTranslate } from 'react-localize-redux' import uuidv4 from 'uuid/v4' import SegmentDimmer from '../SegmentDimmer' +import Progressbar from '../Progressbar' import PopulationCourseStats from '../PopulationCourseStats' import InfoBox from '../InfoBox' import infotooltips from '../../common/InfoToolTips' @@ -28,37 +29,40 @@ const PopulationCourses = ({ } return ( - -
- {translate('populationCourses.header')}} - content="Sort by clicking columns. Click course name to limit observed population to students who - participated to the course." - wide - position="top left" + + + +
+ {translate('populationCourses.header')}} + content="Sort by clicking columns. Click course name to limit observed population to students who + participated to the course." + wide + position="top left" + /> + +
+
-