IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Client:Add skeleton for LanguageFilter.

Browse Source
This commit is contained in:
Vlada Gazizova 2023-12-18 16:41:57 +03:00
parent 01b27372b1
commit 05986e4170
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/client/src/pages/FormGallery/Filter/LanguageFilter/index.js
View File

@ -9,6 +9,7 @@ import { flagsIcons } from "@docspace/common/utils/image-flags";
import { convertToCulture } from "@docspace/common/utils";
import Backdrop from "@docspace/components/backdrop";
import { isMobile } from "@docspace/components/utils/device";
import RectangleSkeleton from "@docspace/components/skeletons/rectangle";
const LanguageFilter = ({
t,
@ -16,6 +17,7 @@ const LanguageFilter = ({
defaultOformLocale,
oformLocales,
filterOformsByLocale,
filterOformsByLocaleIsLoading,
}) => {
const [isOpen, setIsOpen] = useState(false);
const onToggleDropdownIsOpen = () => setIsOpen(!isOpen);
@ -31,6 +33,9 @@ const LanguageFilter = ({
if (oformLocales !== null && oformLocales?.length === 0) return null;
if (filterOformsByLocaleIsLoading)
return <RectangleSkeleton width="41px" height="32px" />;
return (
<Styled.LanguageFilter>
<Backdrop
@ -100,4 +105,5 @@ export default inject(({ oformsStore }) => ({
defaultOformLocale: oformsStore.defaultOformLocale,
oformLocales: oformsStore.oformLocales,
filterOformsByLocale: oformsStore.filterOformsByLocale,
filterOformsByLocaleIsLoading: oformsStore.filterOformsByLocaleIsLoading,
}))(withTranslation(["Common"])(observer(LanguageFilter)));