jeffemmett
/
postiz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: loading states

This commit is contained in:
Nevo David 2025-07-26 13:23:11 +07:00
parent a910066514
commit 6fa46e3826
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/frontend/src/components/platform-analytics/platform.analytics.tsx
View File

@ -16,6 +16,7 @@ import { useT } from '@gitroom/react/translation/get.transation.service.client';
import { useVariables } from '@gitroom/react/helpers/variable.context';
import useCookie from 'react-use-cookie';
import { SVGLine } from '@gitroom/frontend/components/launches/launches.component';
import { LoadingComponent } from '@gitroom/frontend/components/layout/loading';
const allowedIntegrations = [
'facebook',
'instagram',
@ -122,9 +123,15 @@ export const PlatformAnalytics = () => {
}
return options[0]?.key;
}, [key, currentIntegration]);
if (isLoading) {
return null;
return (
<div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all items-center justify-center">
<LoadingComponent />
</div>
);
}
if (!sortedIntegrations.length && !isLoading) {
return (
<div className="bg-newBgColorInner p-[20px] flex flex-col gap-[15px] transition-all flex-1 justify-center items-center text-center">

9
apps/frontend/src/components/plugs/plugs.tsx
View File

@ -16,6 +16,7 @@ import { Plug } from '@gitroom/frontend/components/plugs/plug';
import { useT } from '@gitroom/react/translation/get.transation.service.client';
import useCookie from 'react-use-cookie';
import { SVGLine } from '@gitroom/frontend/components/launches/launches.component';
import { LoadingComponent } from '@gitroom/frontend/components/layout/loading';
export const Plugs = () => {
const fetch = useFetch();
const router = useRouter();
@ -70,9 +71,15 @@ export const Plugs = () => {
...plug,
};
}, [currentIntegration, plugList]);
if (isLoading || plugLoading) {
return null;
return (
<div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all items-center justify-center">
<LoadingComponent />
</div>
);
}
if (!sortedIntegrations.length && !isLoading) {
return (
<div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all items-center justify-center">