components FullScreenToggle.tsx

20% Statements 1/5

0% Branches 0/4

0% Functions 0/1

20% Lines 1/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19  
 
 
 
 
 
66x
 
 
 
 
 
 
 
 
 
 
 
  import React, { ReactElement } from "react";
import { Menu } from "antd";
import { FullscreenOutlined, FullscreenExitOutlined } from "@ant-design/icons";
import { useTranslation } from "react-i18next";
import { useFullScreen } from "@utils/hooks";
 
const FullScreenToggle = (): ReactElement => {
  const { fullScreen, toggleFullScreen } = useFullScreen();
  const { t } = useTranslation();
  const icon = fullScreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />;
  return (
    <Menu.Item key="toggleFullScreen" onClick={toggleFullScreen} icon={icon}>
      {fullScreen ? t("Exit fullscreen") : t("Fullscreen")}
    </Menu.Item>
  );
};
 
export default FullScreenToggle;