Widgets.jsx - mozsearch

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this file,

 * You can obtain one at http://mozilla.org/MPL/2.0/. */

import React from "react";

import { useDispatch, useSelector } from "react-redux";

import { Lists } from "./Lists/Lists";

import { FocusTimer } from "./FocusTimer/FocusTimer";

const PREF_WIDGETS_LISTS_ENABLED = "widgets.lists.enabled";

const PREF_WIDGETS_SYSTEM_LISTS_ENABLED = "widgets.system.lists.enabled";

const PREF_WIDGETS_TIMER_ENABLED = "widgets.focusTimer.enabled";

const PREF_WIDGETS_SYSTEM_TIMER_ENABLED = "widgets.system.focusTimer.enabled";

function Widgets() {

  const prefs = useSelector(state => state.Prefs.values);

  const dispatch = useDispatch();

  const nimbusListsEnabled = prefs.widgetsConfig?.listsEnabled;

  const nimbusTimerEnabled = prefs.widgetsConfig?.timerEnabled;

  const listsEnabled =

    (nimbusListsEnabled || prefs[PREF_WIDGETS_SYSTEM_LISTS_ENABLED]) &&

    prefs[PREF_WIDGETS_LISTS_ENABLED];

  const timerEnabled =

    (nimbusTimerEnabled || prefs[PREF_WIDGETS_SYSTEM_TIMER_ENABLED]) &&

    prefs[PREF_WIDGETS_TIMER_ENABLED];

  return (

    <div className="widgets-container">

      {listsEnabled && <Lists dispatch={dispatch} />}

      {timerEnabled && <FocusTimer dispatch={dispatch} />}

    </div>

);

export { Widgets };