diff --git a/packages/strapi-helper-plugin/lib/src/components/LoadingIndicator/styles.scss b/packages/strapi-helper-plugin/lib/src/components/LoadingIndicator/styles.scss index d1c6ad2f2e..2c2c621b47 100644 --- a/packages/strapi-helper-plugin/lib/src/components/LoadingIndicator/styles.scss +++ b/packages/strapi-helper-plugin/lib/src/components/LoadingIndicator/styles.scss @@ -3,11 +3,11 @@ justify-content: space-around; width: 100%; > div { - border: 6px solid #f3f3f3; /* Light grey */ - border-top: 6px solid #3498db; /* Blue */ + border: 4px solid #f3f3f3; /* Light grey */ + border-top: 4px solid #555555 !important; /* Blue */ border-radius: 50%; - width: 50px; - height: 50px; + width: 26px; + height: 26px; animation: spin 2s linear infinite; } } diff --git a/packages/strapi-helper-plugin/lib/src/components/LoadingIndicatorPage/styles.scss b/packages/strapi-helper-plugin/lib/src/components/LoadingIndicatorPage/styles.scss index 93dc881bb4..c382b939d2 100644 --- a/packages/strapi-helper-plugin/lib/src/components/LoadingIndicatorPage/styles.scss +++ b/packages/strapi-helper-plugin/lib/src/components/LoadingIndicatorPage/styles.scss @@ -7,7 +7,7 @@ > div { margin: auto; border: 6px solid #f3f3f3; /* Light grey */ - border-top: 6px solid #3498db; /* Blue */ + border-top: 6px solid #1C91E7; /* Blue */ border-radius: 50%; width: 50px; height: 50px; diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/actions.js b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/actions.js index 46662fc5e7..430ac54b19 100644 --- a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/actions.js +++ b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/actions.js @@ -72,10 +72,11 @@ export function deleteSeveralDataSuccess() { }; } -export function getData(currentModel, source) { +export function getData(currentModel, source, setUpdatingParams = false) { return { type: GET_DATA, currentModel, + setUpdatingParams, source, }; } diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js index 664c3edf63..07d392eb55 100644 --- a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js +++ b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js @@ -87,7 +87,7 @@ export class ListPage extends React.Component { } if (search !== this.props.location.search) { - this.getData(this.props); + this.getData(this.props, true); } if (prevProps.listPage.filtersUpdated !== filtersUpdated) { @@ -120,7 +120,7 @@ export class ListPage extends React.Component { * Function to fetch data * @param {Object} props */ - getData = props => { + getData = (props, setUpdatingParams = false) => { const source = getQueryParameters(props.location.search, 'source'); const _limit = toInteger(getQueryParameters(props.location.search, '_limit')) || 10; const _page = toInteger(getQueryParameters(props.location.search, '_page')) || 1; @@ -130,7 +130,7 @@ export class ListPage extends React.Component { const filters = generateFiltersFromSearch(props.location.search); this.props.setParams(params, filters); - this.props.getData(props.match.params.slug, source); + this.props.getData(props.match.params.slug, source, setUpdatingParams); }; /** @@ -306,9 +306,9 @@ export class ListPage extends React.Component { }; showLoaders = () => { - const { listPage: { isLoading, records } } = this.props; + const { listPage: { isLoading, records, updatingParams } } = this.props; - return isLoading && get(records, this.getCurrentModelName()) === undefined; + return updatingParams || isLoading && get(records, this.getCurrentModelName()) === undefined; } render() { diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/reducer.js b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/reducer.js index b3ef0a4520..2d6abd6f27 100644 --- a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/reducer.js +++ b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/reducer.js @@ -43,10 +43,10 @@ const initialState = fromJS({ _sort: '', _q: '', }), - // records: List([]), records: fromJS({}), showFilter: false, showWarningDeleteAll: false, + updatingParams: false, }); function listPageReducer(state = initialState, action) { @@ -86,17 +86,25 @@ function listPageReducer(state = initialState, action) { } return v; - }); + }) + .update('updatingParams', () => true); case GET_DATA: return state .update('isLoading', () => true) - .update('currentModel', () => action.currentModel); + .update('currentModel', () => action.currentModel) + .update('updatingParams', v => { + if (action.setUpdatingParams) { + return true; + } + return v; + }); case GET_DATA_SUCCEEDED: return state .update('entriesToDelete', () => List([])) .updateIn(['count', state.get('currentModel')], () => action.data[0].count) .update('isLoading', () => false) - .updateIn(['records', state.get('currentModel')], () => List(action.data[1])); + .updateIn(['records', state.get('currentModel')], () => List(action.data[1])) + .update('updatingParams', () => false); case ON_CHANGE: return state.updateIn(['appliedFilters', action.index, action.key], () => action.value); case ON_CLICK_REMOVE: diff --git a/packages/strapi-plugin-content-manager/config/layout.json b/packages/strapi-plugin-content-manager/config/layout.json index a648f64b33..9e26dfeeb6 100644 --- a/packages/strapi-plugin-content-manager/config/layout.json +++ b/packages/strapi-plugin-content-manager/config/layout.json @@ -1,9 +1 @@ -{ - "product": { - "attributes": { - "description": { - "appearance": "WYSIWYG" - } - } - } -} +{} \ No newline at end of file diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/EditForm/index.js b/packages/strapi-plugin-users-permissions/admin/src/components/EditForm/index.js index c656dc3daf..52a607a4bc 100644 --- a/packages/strapi-plugin-users-permissions/admin/src/components/EditForm/index.js +++ b/packages/strapi-plugin-users-permissions/admin/src/components/EditForm/index.js @@ -7,6 +7,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { get } from 'lodash'; +import cn from 'classnames'; import LoadingIndicator from 'components/LoadingIndicator'; import Input from 'components/InputsIndex'; @@ -28,7 +29,7 @@ class EditForm extends React.Component { // eslint-disable-line react/prefer-sta render() { if (this.props.showLoaders) { return ( -