Desktop/ts/state/smart/NotificationProfilesMenu.tsx

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React from 'react';
import { useSelector } from 'react-redux';

import { getIntl } from '../selectors/user.js';
import { NotificationProfilesMenu } from '../../components/NotificationProfilesMenu.js';
import { useNotificationProfilesActions } from '../ducks/notificationProfiles.js';
import {
  getActiveProfile,
  getLoading,
  getOverride,
  getProfiles,
} from '../selectors/notificationProfiles.js';
import { useNavActions } from '../ducks/nav.js';
import { NavTab, SettingsPage } from '../../types/Nav.js';

export type ExternalProps = {
  isOpen: boolean;
  onClose: () => void;
  trigger?: React.ReactNode;
};

export function SmartNotificationProfilesMenu({
  isOpen,
  onClose,
  trigger,
}: ExternalProps): JSX.Element {
  const i18n = useSelector(getIntl);

  const allProfiles = useSelector(getProfiles);
  const activeProfile = useSelector(getActiveProfile);
  const currentOverride = useSelector(getOverride);
  const loading = useSelector(getLoading);

  const { changeLocation } = useNavActions();
  const { setProfileOverride } = useNotificationProfilesActions();

  const goToSettings = () => {
    changeLocation({
      tab: NavTab.Settings,
      details: {
        page: SettingsPage.NotificationProfilesHome,
      },
    });
  };

  return (
    <NotificationProfilesMenu
      activeProfileId={activeProfile?.id}
      allProfiles={allProfiles}
      currentOverride={currentOverride}
      i18n={i18n}
      isOpen={isOpen}
      loading={loading}
      onClose={onClose}
      onGoToSettings={goToSettings}
      setProfileOverride={setProfileOverride}
      trigger={trigger}
    />
  );
}