Added toasts redux for alerts
• Added: - toasts redux for alerts
This commit is contained in:
parent
c0f7e3adbf
commit
12ca5db281
38
app/javascript/gabsocial/actions/toasts.js
Normal file
38
app/javascript/gabsocial/actions/toasts.js
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
import {
|
||||||
|
TOAST_TYPE_ERROR,
|
||||||
|
TOAST_TYPE_SUCCESS,
|
||||||
|
} from '../constants'
|
||||||
|
|
||||||
|
export const TOAST_SHOW = 'TOAST_SHOW'
|
||||||
|
export const TOAST_DISMISS = 'TOAST_DISMISS'
|
||||||
|
export const TOAST_CLEAR = 'TOAST_CLEAR'
|
||||||
|
|
||||||
|
export function dismissToast(alert) {
|
||||||
|
return {
|
||||||
|
type: TOAST_DISMISS,
|
||||||
|
alert,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function clearToast() {
|
||||||
|
return {
|
||||||
|
type: TOAST_CLEAR,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function showToast(type, message) {
|
||||||
|
return {
|
||||||
|
type: TOAST_SHOW,
|
||||||
|
toastType: type,
|
||||||
|
message,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const showToastError = (message) => {
|
||||||
|
return showToast(TOAST_TYPE_ERROR, message)
|
||||||
|
}
|
||||||
|
|
||||||
|
export const showToastSucess = (message) => {
|
||||||
|
console.log("showToastSucess:", message)
|
||||||
|
return showToast(TOAST_TYPE_SUCCESS, message)
|
||||||
|
}
|
@ -39,6 +39,7 @@ import status_revisions from './status_revisions'
|
|||||||
import suggestions from './suggestions'
|
import suggestions from './suggestions'
|
||||||
import tenor from './tenor'
|
import tenor from './tenor'
|
||||||
import timelines from './timelines'
|
import timelines from './timelines'
|
||||||
|
import toasts from './toasts'
|
||||||
import user from './user'
|
import user from './user'
|
||||||
import user_lists from './user_lists'
|
import user_lists from './user_lists'
|
||||||
|
|
||||||
@ -83,6 +84,7 @@ const reducers = {
|
|||||||
suggestions,
|
suggestions,
|
||||||
tenor,
|
tenor,
|
||||||
timelines,
|
timelines,
|
||||||
|
toasts,
|
||||||
user,
|
user,
|
||||||
user_lists,
|
user_lists,
|
||||||
}
|
}
|
||||||
|
25
app/javascript/gabsocial/reducers/toasts.js
Normal file
25
app/javascript/gabsocial/reducers/toasts.js
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
import {
|
||||||
|
TOAST_SHOW,
|
||||||
|
TOAST_DISMISS,
|
||||||
|
TOAST_CLEAR,
|
||||||
|
} from '../actions/toasts'
|
||||||
|
import { Map as ImmutableMap, List as ImmutableList } from 'immutable'
|
||||||
|
|
||||||
|
const initialState = ImmutableList([])
|
||||||
|
|
||||||
|
export default function toasts(state = initialState, action) {
|
||||||
|
switch(action.type) {
|
||||||
|
case TOAST_SHOW:
|
||||||
|
return state.push(ImmutableMap({
|
||||||
|
key: state.size > 0 ? state.last().get('key') + 1 : 0,
|
||||||
|
message: action.message,
|
||||||
|
type: action.toastType,
|
||||||
|
}))
|
||||||
|
case TOAST_DISMISS:
|
||||||
|
return state.filterNot(item => item.get('key') === action.toast.key)
|
||||||
|
case TOAST_CLEAR:
|
||||||
|
return state.clear()
|
||||||
|
default:
|
||||||
|
return state
|
||||||
|
}
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user