src/ui/reducers/currentView.ts - master - QuickMeet/Chat.Desktop

src/ui/reducers/currentView.ts
102 строки3 KB
Jean Brito
feat: New UI using Fuselage (#2927)
13 сен 2024, 23:05
13 сен 2024, 23:052f60cb9
import { APP_SETTINGS_LOADED } from '../../app/actions';
import {
  DEEP_LINKS_SERVER_ADDED,
  DEEP_LINKS_SERVER_FOCUSED,
} from '../../deepLinks/actions';
import { SERVERS_LOADED } from '../../servers/actions';
import type { ActionOf } from '../../store/actions';
import type { SIDE_BAR_SERVER_REMOVE } from '../actions';
import {
  DOWNLOADS_BACK_BUTTON_CLICKED,
  ADD_SERVER_VIEW_SERVER_ADDED,
  MENU_BAR_ADD_NEW_SERVER_CLICKED,
  MENU_BAR_SELECT_SERVER_CLICKED,
  SIDE_BAR_ADD_NEW_SERVER_CLICKED,
  SIDE_BAR_DOWNLOADS_BUTTON_CLICKED,
  SIDE_BAR_SETTINGS_BUTTON_CLICKED,
  SIDE_BAR_REMOVE_SERVER_CLICKED,
  SIDE_BAR_SERVER_SELECTED,
  TOUCH_BAR_SELECT_SERVER_TOUCHED,
  WEBVIEW_FOCUS_REQUESTED,
} from '../actions';

type CurrentViewAction =
  | ActionOf<typeof ADD_SERVER_VIEW_SERVER_ADDED>
  | ActionOf<typeof APP_SETTINGS_LOADED>
  | ActionOf<typeof DEEP_LINKS_SERVER_ADDED>
  | ActionOf<typeof DEEP_LINKS_SERVER_FOCUSED>
  | ActionOf<typeof MENU_BAR_ADD_NEW_SERVER_CLICKED>
  | ActionOf<typeof MENU_BAR_SELECT_SERVER_CLICKED>
  | ActionOf<typeof SERVERS_LOADED>
  | ActionOf<typeof SIDE_BAR_ADD_NEW_SERVER_CLICKED>
  | ActionOf<typeof SIDE_BAR_DOWNLOADS_BUTTON_CLICKED>
  | ActionOf<typeof SIDE_BAR_SETTINGS_BUTTON_CLICKED>
  | ActionOf<typeof SIDE_BAR_REMOVE_SERVER_CLICKED>
  | ActionOf<typeof SIDE_BAR_SERVER_SELECTED>
  | ActionOf<typeof TOUCH_BAR_SELECT_SERVER_TOUCHED>
  | ActionOf<typeof WEBVIEW_FOCUS_REQUESTED>
  | ActionOf<typeof DOWNLOADS_BACK_BUTTON_CLICKED>
  | ActionOf<typeof SIDE_BAR_SERVER_REMOVE>;

type CurrentViewState =
  | 'add-new-server'
  | 'downloads'
  | 'settings'
  | { url: string };

export const currentView = (
  state: CurrentViewState = 'add-new-server',
  action: CurrentViewAction
): CurrentViewState => {
  switch (action.type) {
    case ADD_SERVER_VIEW_SERVER_ADDED:
    case DEEP_LINKS_SERVER_ADDED:
    case DEEP_LINKS_SERVER_FOCUSED:
    case MENU_BAR_SELECT_SERVER_CLICKED:
    case TOUCH_BAR_SELECT_SERVER_TOUCHED:
    case SIDE_BAR_SERVER_SELECTED: {
      const url = action.payload;
      return { url };
    }

    case WEBVIEW_FOCUS_REQUESTED: {
      const { url, view } = action.payload;
      if (view === 'downloads') return 'downloads';
      return { url };
    }

    case SERVERS_LOADED: {
      const { selected } = action.payload;
      return selected ? { url: selected } : 'add-new-server';
    }

    case APP_SETTINGS_LOADED: {
      const { currentView = state } = action.payload;
      return currentView;
    }

    case MENU_BAR_ADD_NEW_SERVER_CLICKED:
    case SIDE_BAR_ADD_NEW_SERVER_CLICKED:
      return 'add-new-server';

    case SIDE_BAR_REMOVE_SERVER_CLICKED: {
      if (typeof state === 'object' && state.url === action.payload) {
        return 'add-new-server';
      }

      return state;
    }

    case SIDE_BAR_DOWNLOADS_BUTTON_CLICKED:
      return 'downloads';

    case SIDE_BAR_SETTINGS_BUTTON_CLICKED:
      return 'settings';

    case DOWNLOADS_BACK_BUTTON_CLICKED:
      return { url: action.payload };

    default:
      return state;
  }
};