Function TraySettings

src/renderer/components/settings/TraySettings.tsx:13–83

()

import { Title } from '../primitives/Title';

export const TraySettings: FC = () => {
  const { settings, updateSetting } = useAppContext();

  return (
    <fieldset>
      <Title icon={DevicesIcon}>Tray</Title>

      <Stack direction="vertical" gap="condensed">
        <Checkbox
          checked={settings.showNotificationsCountInTray}
          label="Show notification count"
          name="showNotificationsCountInTray"
          onChange={() =>
            updateSetting(
              'showNotificationsCountInTray',
              !settings.showNotificationsCountInTray,
            )
          }
          tooltip={
            <Text>
              Show the unread notification count next to the tray icon. Useful
              for a quick glance at unread activity.
            </Text>
          }
          visible={window.gitify.platform.isMacOS()}
        />

        <Checkbox
          checked={settings.useUnreadActiveIcon}
          label="Highlight unread notifications"
          name="useUnreadActiveIcon"
          onChange={() =>
            updateSetting('useUnreadActiveIcon', !settings.useUnreadActiveIcon)
          }
          tooltip={
            <Stack direction="vertical" gap="condensed">
              <Text>
                Use a green {APPLICATION.NAME} logo when there are unread
                notifications.
              </Text>
            </Stack>
          }
        />

        <Checkbox
          checked={settings.useAlternateIdleIcon}
          label="Use alternate idle icon"
          name="useAlternateIdleIcon"
          onChange={() =>
            updateSetting(
              'useAlternateIdleIcon',
              !settings.useAlternateIdleIcon,
            )
          }
          tooltip={
            <Stack direction="vertical" gap="condensed">
              <Text>
                Use a white {APPLICATION.NAME} logo (instead of the default