Gecko [ gandhischool.edu.np ]

Name	Size	Permission
global.tsx	2.87 KB	-rwxrwxr-x
index.d.ts	116 B	-rwxrwxr-x
resource.tsx	636 B	-rwxrwxr-x

Code Editor : global.tsx

export const ACTION_LOADING_SHOW = 'G_LOADING_SHOW';
export const ACTION_LOADING_HIDE = 'G_LOADING_HIDE';
export const ACTION_NOTIFIER_SHOW = 'G_NOTIFIER_SHOW';
export const ACTION_NOTIFIER_HIDE = 'G_NOTIFIER_HIDE';
export const ACTION_REQUESTING_SHOW = 'G_REQUESTING_SHOW';
export const ACTION_REQUESTING_HIDE = 'G_REQUESTING_HIDE';
export const ACTION_THEME_CHANGE = 'G_THEME_CHANGE';
export const ACTION_LOCALE_CHANGE = 'G_LOCALE_CHANGE';

export const actions = {
    showLoading: (text?: string) => ({
        type: ACTION_LOADING_SHOW,
        payload: {
            loadingText: text || '',
        },
    }),
    hideLoading: () => ({
        type: ACTION_LOADING_HIDE,
    }),

showRequesting: () => ({
        type: ACTION_REQUESTING_SHOW,
    }),
    hideRequesting: () => ({
        type: ACTION_REQUESTING_HIDE,
    }),

notify: (notifierOptions: any) => ({
        type: ACTION_NOTIFIER_SHOW,
        notifierOptions,
    }),
    notifyInfo: (message: string) => ({
        type: ACTION_NOTIFIER_SHOW,
        notifierOptions: {
            message,
            variant: 'info',
            placement: 'bottom center',
        },
    }),
    notifySuccess: (message: string) => ({
        type: ACTION_NOTIFIER_SHOW,
        notifierOptions: {
            message,
            variant: 'success',
            placement: 'bottom center',
        },
    }),
    notifyWarning: (message: string) => ({
        type: ACTION_NOTIFIER_SHOW,
        notifierOptions: {
            message,
            variant: 'warning',
            placement: 'bottom center',
        },
    }),
    notifyError: (message: string) => ({
        type: ACTION_NOTIFIER_SHOW,
        notifierOptions: {
            message,
            variant: 'error',
            placement: 'bottom center',
        },
    }),
    unnotify: () => ({
        type: ACTION_NOTIFIER_HIDE,
    }),

changeTheme: theme => ({
        type: ACTION_THEME_CHANGE,
        theme,
    }),

changeLocale: (locale: string) => ({
        type: ACTION_LOCALE_CHANGE,
        locale,
    }),
};

export const reducer = (state = { loading: false }, action) => {
    switch (action.type) {
        case ACTION_LOADING_SHOW: {
            const { loadingText } = action.payload;
            return { ...state, loading: true, loadingText };
        }
        case ACTION_LOADING_HIDE: {
            return { ...state, loading: false };
        }

case ACTION_REQUESTING_SHOW: {
            return { ...state, requesting: true };
        }
        case ACTION_REQUESTING_HIDE: {
            return { ...state, requesting: false };
        }

case ACTION_NOTIFIER_SHOW: {
            const notifierOptions = action.notifierOptions;
            return { ...state, showNotifier: true, notifierOptions };
        }
        case ACTION_NOTIFIER_HIDE:
            return { ...state, showNotifier: false };

default:
            return state;
    }
};

${this.title}

Code Editor : global.tsx