Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-08-07 20:05:18 +02:00
Code Issues Releases Wiki Activity

Added App Edit Functionality

Browse source
This commit is contained in:
unknown 2021-05-22 17:03:32 +02:00
parent 28683e7511
commit 8813bf6181
6 changed files with 98 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/src/store/actions/actionTypes.ts
View file

@ -3,7 +3,8 @@ import {
SetThemeAction,
PinAppAction,
AddAppAction,
DeleteAppAction
DeleteAppAction,
UpdateAppAction
} from './';
export enum ActionTypes {
@ -14,7 +15,8 @@ export enum ActionTypes {
pinApp = 'PIN_APP',
addApp = 'ADD_APP',
addAppSuccess = 'ADD_APP_SUCCESS',
deleteApp = 'DELETE_APP'
deleteApp = 'DELETE_APP',
updateApp = 'UPDATE_APP'
}
export type Action = GetAppsAction<any> | SetThemeAction | PinAppAction | AddAppAction | DeleteAppAction;
export type Action = GetAppsAction<any> | SetThemeAction | PinAppAction | AddAppAction | DeleteAppAction | UpdateAppAction;

18
client/src/store/actions/app.ts
View file

@ -81,4 +81,22 @@ export const deleteApp = (id: number) => async (dispatch: Dispatch) => {
} catch (err) {
console.log(err);
}
}
export interface UpdateAppAction {
type: ActionTypes.updateApp;
payload: App;
}
export const updateApp = (id: number, formData: NewApp) => async (dispatch: Dispatch) => {
try {
const res = await axios.put<ApiResponse<App>>(`/api/apps/${id}`, formData);
dispatch<UpdateAppAction>({
type: ActionTypes.updateApp,
payload: res.data.data
})
} catch (err) {
console.log(err);
}
}

17
client/src/store/reducers/app.ts
View file

@ -69,6 +69,22 @@ const deleteApp = (state: State, action: Action): State => {
}
}
const updateApp = (state: State, action: Action): State => {
const tmpApps = [...state.apps];
const appInUpdate = tmpApps.find((app: App) => app.id === action.payload.id);
if (appInUpdate) {
appInUpdate.name = action.payload.name;
appInUpdate.url = action.payload.url;
appInUpdate.icon = action.payload.icon;
}
return {
...state,
apps: tmpApps
}
}
const appReducer = (state = initialState, action: Action) => {
switch (action.type) {
case ActionTypes.getApps: return getApps(state, action);
@ -77,6 +93,7 @@ const appReducer = (state = initialState, action: Action) => {
case ActionTypes.pinApp: return pinApp(state, action);
case ActionTypes.addAppSuccess: return addAppSuccess(state, action);
case ActionTypes.deleteApp: return deleteApp(state, action);
case ActionTypes.updateApp: return updateApp(state, action);
default: return state;
}
}