bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/common/menu/skeleton.tsx
Ramón Souza 7514066fc3
fix: Client can't load in certain cases (#20336)
* move settings

* remove meteor cache files
2024-05-29 09:26:11 -04:00

23 lines
635 B
TypeScript

import React from 'react';
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
import Styled from './styles';
import { getSettingsSingletonInstance } from '/imports/ui/services/settings';
const MenuSkeleton: React.FC = () => {
const Settings = getSettingsSingletonInstance();
// @ts-ignore
const { isRTL } = Settings.application;
return (
<Styled.Skeleton>
<SkeletonTheme baseColor="#DCE4EC">
<Styled.SkeletonWrapper>
<Skeleton direction={isRTL ? 'rtl' : 'ltr'} />
</Styled.SkeletonWrapper>
</SkeletonTheme>
</Styled.Skeleton>
);
};
export default MenuSkeleton;