35 lines
1006 B
JavaScript
35 lines
1006 B
JavaScript
import React from "react";
|
|
import { StyledInfoPanelHeader } from "./StyledInfoPanelHeaderLoader";
|
|
import RectangleLoader from "../RectangleLoader";
|
|
|
|
import { isMobile as isMobileRDD } from "react-device-detect";
|
|
import {
|
|
isDesktop as isDesktopUtils,
|
|
isMobile as isMobileUtils,
|
|
isTablet as isTabletUtils,
|
|
} from "@docspace/components/utils/device";
|
|
|
|
const InfoPanelHeaderLoader = () => {
|
|
const isTablet =
|
|
isTabletUtils() || isMobileUtils() || isMobileRDD || !isDesktopUtils();
|
|
|
|
return (
|
|
<StyledInfoPanelHeader isTablet={isTablet} withSubmenu={false}>
|
|
<div className="main">
|
|
<RectangleLoader width={"120px"} height={"24px"} borderRadius={"3px"} />
|
|
{!isTablet && (
|
|
<div className="info-panel-toggle-bg">
|
|
<RectangleLoader
|
|
width={"32px"}
|
|
height={"32px"}
|
|
borderRadius={"50%"}
|
|
/>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</StyledInfoPanelHeader>
|
|
);
|
|
};
|
|
|
|
export default InfoPanelHeaderLoader;
|