IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-12 08:35:43 -06:00
Code Issues Packages Projects Releases Wiki Activity

LibraryPanels: Changes to non readonly reducer (#32193)

Browse Source
This commit is contained in:
Hugo Häggmark 2021-03-22 08:09:27 +01:00 committed by GitHub
parent 79e8db98a5
commit 79f0cf7874
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 39 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
public/app/features/library-panels/components/LibraryPanelsView/reducer.ts
View File

@ -1,7 +1,8 @@
import { createSlice, PayloadAction } from '@reduxjs/toolkit';
import { createAction } from '@reduxjs/toolkit';
import { LoadingState } from '@grafana/data';
import { LibraryPanelDTO } from '../../types';
import { AnyAction } from 'redux';
export interface LibraryPanelsViewState {
loadingState: LoadingState;
@ -25,35 +26,41 @@ export const initialLibraryPanelsViewState: LibraryPanelsViewState = {
currentPanelId: undefined,
};
const libraryPanelsViewSlice = createSlice({
name: 'libraryPanels/view',
initialState: initialLibraryPanelsViewState,
reducers: {
initSearch: (state) => {
state.loadingState = LoadingState.Loading;
},
searchCompleted: (
state,
action: PayloadAction<
Omit<LibraryPanelsViewState, 'currentPanelId' | 'searchString' | 'loadingState' | 'numberOfPages'>
>
) => {
const { libraryPanels, page, perPage, totalCount } = action.payload;
state.libraryPanels = libraryPanels;
state.perPage = perPage;
state.totalCount = totalCount;
state.loadingState = LoadingState.Done;
state.numberOfPages = Math.ceil(totalCount / perPage);
state.page = page > state.numberOfPages ? page - 1 : page;
},
changeSearchString: (state, action: PayloadAction<Pick<LibraryPanelsViewState, 'searchString'>>) => {
state.searchString = action.payload.searchString;
},
changePage: (state, action: PayloadAction<Pick<LibraryPanelsViewState, 'page'>>) => {
state.page = action.payload.page;
},
},
});
export const initSearch = createAction('libraryPanels/view/initSearch');
export const searchCompleted = createAction<
Omit<LibraryPanelsViewState, 'currentPanelId' | 'searchString' | 'loadingState' | 'numberOfPages'>
>('libraryPanels/view/searchCompleted');
export const changeSearchString = createAction<Pick<LibraryPanelsViewState, 'searchString'>>(
'libraryPanels/view/changeSearchString'
);
export const changePage = createAction<Pick<LibraryPanelsViewState, 'page'>>('libraryPanels/view/changePage');
export const libraryPanelsViewReducer = libraryPanelsViewSlice.reducer;
export const { initSearch, searchCompleted, changeSearchString, changePage } = libraryPanelsViewSlice.actions;
export const libraryPanelsViewReducer = (state: LibraryPanelsViewState, action: AnyAction) => {
if (initSearch.match(action)) {
return { ...state, loadingState: LoadingState.Loading };
}
if (searchCompleted.match(action)) {
const { libraryPanels, page, perPage, totalCount } = action.payload;
const numberOfPages = Math.ceil(totalCount / perPage);
return {
...state,
libraryPanels,
perPage,
totalCount,
loadingState: LoadingState.Done,
numberOfPages,
page: page > numberOfPages ? page - 1 : page,
};
}
if (changeSearchString.match(action)) {
return { ...state, searchString: action.payload.searchString };
}
if (changePage.match(action)) {
return { ...state, page: action.payload.page };
}
return state;
};