{Object.keys(data).length > 0 ? (
) : (
diff --git a/apps/web/app/[locale]/meet/component.tsx b/apps/web/app/[locale]/meet/component.tsx
new file mode 100644
index 000000000..6ae1fd1fc
--- /dev/null
+++ b/apps/web/app/[locale]/meet/component.tsx
@@ -0,0 +1,71 @@
+'use client';
+
+import { useCollaborative, useQuery } from '@app/hooks';
+import { getMeetJwtAuthTokenAPI } from '@app/services/client/api';
+import { withAuthentication } from 'lib/app/authenticator';
+import { BackdropLoader, Meta } from 'lib/components';
+import dynamic from 'next/dynamic';
+import { useRouter, usePathname } from 'next/navigation';
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+const Meet = dynamic(() => import('lib/features/integrations/meet'), {
+ ssr: false,
+ loading: () =>
+});
+
+function useMeetJwtToken() {
+ const [token, setToken] = useState
();
+ const { queryCall, loading } = useQuery(getMeetJwtAuthTokenAPI);
+
+ useEffect(() => {
+ queryCall().then((res) => setToken(res.data.token));
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ return { loading, token };
+}
+
+function MeetPage() {
+ const router = useRouter();
+ const pathname = usePathname();
+ const { token } = useMeetJwtToken();
+ const { randomMeetName } = useCollaborative();
+ const replaced = useRef(false);
+
+ const room = useMemo(() => {
+ if (!pathname) {
+ return false;
+ }
+
+ const urlParams = pathname.substring(pathname.indexOf('?'));
+ const searchParams = new URLSearchParams(urlParams);
+
+ return searchParams.get('room');
+ }, [pathname]);
+
+ useEffect(() => {
+ if (!room && pathname?.startsWith('/meet') && !replaced.current) {
+ const url = new URL(window.location.href);
+ url.searchParams.set('room', btoa(randomMeetName()));
+
+ router.replace(url.pathname + url.search);
+ replaced.current = true;
+ }
+ }, [room, router, randomMeetName, pathname]);
+
+ const roomName = useMemo(() => {
+ return room ? atob(room) : undefined;
+ }, [room]);
+
+ return (
+ <>
+
+ {token && roomName && }
+
+ );
+}
+
+export default withAuthentication(MeetPage, {
+ displayName: 'MeetPage',
+ showPageSkeleton: false
+});
diff --git a/apps/web/app/[locale]/meet/page.tsx b/apps/web/app/[locale]/meet/page.tsx
index 6ae1fd1fc..10f29fab0 100644
--- a/apps/web/app/[locale]/meet/page.tsx
+++ b/apps/web/app/[locale]/meet/page.tsx
@@ -1,71 +1,10 @@
-'use client';
+import { APPLICATION_DEFAULT_LANGUAGE } from '@app/constants';
+import MeetPage from './component';
-import { useCollaborative, useQuery } from '@app/hooks';
-import { getMeetJwtAuthTokenAPI } from '@app/services/client/api';
-import { withAuthentication } from 'lib/app/authenticator';
-import { BackdropLoader, Meta } from 'lib/components';
-import dynamic from 'next/dynamic';
-import { useRouter, usePathname } from 'next/navigation';
-import { useEffect, useMemo, useRef, useState } from 'react';
-
-const Meet = dynamic(() => import('lib/features/integrations/meet'), {
- ssr: false,
- loading: () =>
-});
-
-function useMeetJwtToken() {
- const [token, setToken] = useState();
- const { queryCall, loading } = useQuery(getMeetJwtAuthTokenAPI);
-
- useEffect(() => {
- queryCall().then((res) => setToken(res.data.token));
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
-
- return { loading, token };
+export default function Page() {
+ return ;
}
-function MeetPage() {
- const router = useRouter();
- const pathname = usePathname();
- const { token } = useMeetJwtToken();
- const { randomMeetName } = useCollaborative();
- const replaced = useRef(false);
-
- const room = useMemo(() => {
- if (!pathname) {
- return false;
- }
-
- const urlParams = pathname.substring(pathname.indexOf('?'));
- const searchParams = new URLSearchParams(urlParams);
-
- return searchParams.get('room');
- }, [pathname]);
-
- useEffect(() => {
- if (!room && pathname?.startsWith('/meet') && !replaced.current) {
- const url = new URL(window.location.href);
- url.searchParams.set('room', btoa(randomMeetName()));
-
- router.replace(url.pathname + url.search);
- replaced.current = true;
- }
- }, [room, router, randomMeetName, pathname]);
-
- const roomName = useMemo(() => {
- return room ? atob(room) : undefined;
- }, [room]);
-
- return (
- <>
-
- {token && roomName && }
-
- );
+export async function generateStaticParams() {
+ return [{ locale: APPLICATION_DEFAULT_LANGUAGE }];
}
-
-export default withAuthentication(MeetPage, {
- displayName: 'MeetPage',
- showPageSkeleton: false
-});
diff --git a/apps/web/app/[locale]/page-component.tsx b/apps/web/app/[locale]/page-component.tsx
new file mode 100644
index 000000000..8b9b40e64
--- /dev/null
+++ b/apps/web/app/[locale]/page-component.tsx
@@ -0,0 +1,142 @@
+/* eslint-disable no-mixed-spaces-and-tabs */
+
+'use client';
+
+import React, { useEffect } from 'react';
+import { useOrganizationTeams } from '@app/hooks';
+import { clsxm } from '@app/utils';
+import NoTeam from '@components/pages/main/no-team';
+import { withAuthentication } from 'lib/app/authenticator';
+import { Breadcrumb, Card, Container } from 'lib/components';
+import { PeopleIcon } from 'lib/components/svgs';
+import {
+ AuthUserTaskInput,
+ TeamInvitations,
+ TeamMembers,
+ Timer,
+ UnverifiedEmail,
+ UserTeamCardHeader,
+ UserTeamBlockHeader
+} from 'lib/features';
+import { MainHeader, MainLayout } from 'lib/layout';
+import { IssuesView } from '@app/constants';
+import { useNetworkState } from '@uidotdev/usehooks';
+import Offline from '@components/pages/offline';
+import UserTeamTableHeader from 'lib/features/team/user-team-table/user-team-table-header';
+import { useTranslations } from 'next-intl';
+
+import { Analytics } from '@vercel/analytics/react';
+import ChatwootWidget from 'lib/features/integrations/chatwoot';
+
+import 'react-loading-skeleton/dist/skeleton.css';
+import '../../styles/globals.css';
+
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { fullWidthState } from '@app/stores/fullWidth';
+import { ChevronDown } from 'lucide-react';
+import HeaderTabs from '@components/pages/main/header-tabs';
+import { headerTabs } from '@app/stores/header-tabs';
+import { usePathname } from 'next/navigation';
+
+function MainPage() {
+ const t = useTranslations();
+ const { isTeamMember, isTrackingEnabled, activeTeam } = useOrganizationTeams();
+ const fullWidth = useRecoilValue(fullWidthState);
+ const [view, setView] = useRecoilState(headerTabs);
+ const path = usePathname();
+ const breadcrumb = [
+ { title: JSON.parse(t('pages.home.BREADCRUMB')), href: '/' },
+ { title: activeTeam?.name || '', href: '/' },
+ { title: t(`common.${view}`), href: `/` }
+ ];
+ const { online } = useNetworkState();
+ console.log(path, 'path');
+ useEffect(() => {
+ if (view == IssuesView.KANBAN && path == '/') {
+ setView(IssuesView.CARDS);
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [path, setView]);
+ if (!online) {
+ return ;
+ }
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+ {isTeamMember ? : null}
+ {view === IssuesView.CARDS && isTeamMember ? (
+
+ ) : view === IssuesView.BLOCKS ? (
+
+ ) : view === IssuesView.TABLE ? (
+
+ ) : null}
+
+
+ {/* Divider */}
+
+
setShowInput((p) => !p)}
+ className="border dark:border-[#26272C] w-full rounded p-2 md:hidden flex justify-center mt-2"
+ >
+
+ {showInput ? 'hide the issue input' : 'show the issue input'}
+
+
+ {isTrackingEnabled ? (
+
+
+
+ ) : null}
+
+ );
+}
+
+export default withAuthentication(MainPage, { displayName: 'MainPage' });
diff --git a/apps/web/app/[locale]/page.tsx b/apps/web/app/[locale]/page.tsx
index 6c2818a3d..d14938210 100644
--- a/apps/web/app/[locale]/page.tsx
+++ b/apps/web/app/[locale]/page.tsx
@@ -1,141 +1,10 @@
-/* eslint-disable no-mixed-spaces-and-tabs */
+import { APPLICATION_DEFAULT_LANGUAGE } from '@app/constants';
+import MainPage from './page-component';
-'use client';
-
-import React, { useEffect } from 'react';
-import { useOrganizationTeams } from '@app/hooks';
-import { clsxm } from '@app/utils';
-import NoTeam from '@components/pages/main/no-team';
-import { withAuthentication } from 'lib/app/authenticator';
-import { Breadcrumb, Card, Container } from 'lib/components';
-import { PeopleIcon } from 'lib/components/svgs';
-import {
- AuthUserTaskInput,
- TeamInvitations,
- TeamMembers,
- Timer,
- UnverifiedEmail,
- UserTeamCardHeader,
- UserTeamBlockHeader
-} from 'lib/features';
-import { MainHeader, MainLayout } from 'lib/layout';
-import { IssuesView } from '@app/constants';
-import { useNetworkState } from '@uidotdev/usehooks';
-import Offline from '@components/pages/offline';
-import UserTeamTableHeader from 'lib/features/team/user-team-table/user-team-table-header';
-import { useTranslations } from 'next-intl';
-
-import { Analytics } from '@vercel/analytics/react';
-import ChatwootWidget from 'lib/features/integrations/chatwoot';
-
-import 'react-loading-skeleton/dist/skeleton.css';
-import '../../styles/globals.css';
-
-import { useRecoilState, useRecoilValue } from 'recoil';
-import { fullWidthState } from '@app/stores/fullWidth';
-import { ChevronDown } from 'lucide-react';
-import HeaderTabs from '@components/pages/main/header-tabs';
-import { headerTabs } from '@app/stores/header-tabs';
-import { usePathname } from 'next/navigation';
-
-function MainPage() {
- const t = useTranslations();
- const { isTeamMember, isTrackingEnabled, activeTeam } = useOrganizationTeams();
- const fullWidth = useRecoilValue(fullWidthState);
- const [view, setView] = useRecoilState(headerTabs);
- const path = usePathname();
- const breadcrumb = [
- { title: JSON.parse(t('pages.home.BREADCRUMB')), href: '/' },
- { title: activeTeam?.name || '', href: '/' },
- { title: t(`common.${view}`), href: `/` }
- ];
- const { online } = useNetworkState();
- console.log(path, 'path');
- useEffect(() => {
- if (view == IssuesView.KANBAN && path == '/') {
- setView(IssuesView.CARDS);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [path, setView]);
- if (!online) {
- return ;
- }
- return (
- <>
-
-
-
-
-
-
-
-
-
-
-
- {isTeamMember ? : null}
- {view === IssuesView.CARDS && isTeamMember ? (
-
- ) : view === IssuesView.BLOCKS ? (
-
- ) : view === IssuesView.TABLE ? (
-
- ) : null}
-
-
- {/* Divider */}
-
-
setShowInput((p) => !p)}
- className="border dark:border-[#26272C] w-full rounded p-2 md:hidden flex justify-center mt-2"
- >
-
- {showInput ? 'hide the issue input' : 'show the issue input'}
-
-
- {isTrackingEnabled ? (
-
-
-
- ) : null}
-
- );
+export default function Page() {
+ return ;
}
-export default withAuthentication(MainPage, { displayName: 'MainPage' });
diff --git a/apps/web/app/[locale]/permissions/component.tsx b/apps/web/app/[locale]/permissions/component.tsx
new file mode 100644
index 000000000..39e802d77
--- /dev/null
+++ b/apps/web/app/[locale]/permissions/component.tsx
@@ -0,0 +1,293 @@
+'use client';
+
+import { useIsMemberManager, useOrganizationTeams, useRolePermissions } from '@app/hooks';
+import { useRoles } from '@app/hooks/features/useRoles';
+import { IRole } from '@app/interfaces';
+import { userState } from '@app/stores';
+import NotFound from '@components/pages/404';
+import { withAuthentication } from 'lib/app/authenticator';
+import { Breadcrumb, Card, CommonToggle, Container, Divider, Text } from 'lib/components';
+import { MainHeader, MainLayout } from 'lib/layout';
+import { useCallback, useEffect, useState } from 'react';
+import { useTranslations } from 'next-intl';
+import { useRecoilState, useRecoilValue } from 'recoil';
+
+import { fullWidthState } from '@app/stores/fullWidth';
+
+const Permissions = () => {
+ const t = useTranslations();
+ const { activeTeamManagers } = useOrganizationTeams();
+ const { rolePermissionsFormated, getRolePermissions, updateRolePermission } = useRolePermissions();
+
+ const [selectedRole, setSelectedRole] = useState(null);
+ const fullWidth = useRecoilValue(fullWidthState);
+
+ const [user] = useRecoilState(userState);
+ const { isTeamManager } = useIsMemberManager(user);
+
+ useEffect(() => {
+ selectedRole && selectedRole?.id && getRolePermissions(selectedRole.id);
+ }, [selectedRole, getRolePermissions]);
+
+ const { getRoles, roles } = useRoles();
+ useEffect(() => {
+ getRoles();
+ }, [getRoles]);
+
+ const handleToggleRolePermission = useCallback(
+ (name: string) => {
+ const permission = rolePermissionsFormated[name];
+
+ updateRolePermission({
+ ...permission,
+ enabled: !permission.enabled
+ }).then(() => {
+ selectedRole && selectedRole?.id && getRolePermissions(selectedRole.id);
+ });
+ },
+ [rolePermissionsFormated, selectedRole, getRolePermissions, updateRolePermission]
+ );
+
+ if (activeTeamManagers && activeTeamManagers.length && !isTeamManager) {
+ return (
+
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+
+ {roles.map((role) => (
+
{
+ setSelectedRole(role);
+ }}
+ >
+ {role?.name}
+
+ ))}
+
+ {selectedRole && (
+
+
+
+ {t('pages.settingsTeam.TRACK_TIME')}
+
+
+ {
+ handleToggleRolePermission('TIME_TRACKER');
+ }}
+ />
+
+
+
+
+ Estimate issue
+
+
+ {
+ handleToggleRolePermission('ORG_TASK_ADD');
+ handleToggleRolePermission('ORG_TASK_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.EPICS_CREATE_CLOSE')}
+
+
+ {
+ handleToggleRolePermission('ORG_TASK_ADD');
+ handleToggleRolePermission('ORG_TASK_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.ISSUE_CREATE_CLOSE')}
+
+
+ {
+ handleToggleRolePermission('ORG_TASK_ADD');
+ handleToggleRolePermission('ORG_TASK_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.ISSUE_ASSIGN_UNASSIGN')}
+
+
+ {
+ handleToggleRolePermission('ORG_TASK_ADD');
+ handleToggleRolePermission('ORG_TASK_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.INVITE_MEMBERS')}
+
+
+ {
+ handleToggleRolePermission('ORG_INVITE_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.REMOVE_MEMBERS')}
+
+
+ {
+ handleToggleRolePermission('ORG_EMPLOYEES_EDIT');
+ handleToggleRolePermission('CHANGE_SELECTED_EMPLOYEE');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.HANDLE_REQUESTS')}
+
+
+ {
+ handleToggleRolePermission('ORG_TEAM_JOIN_REQUEST_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.ROLES_POSITIONS_CHANGE')}
+
+
+ {
+ handleToggleRolePermission('ORG_EMPLOYEES_EDIT');
+ }}
+ />
+
+
+
+
+ {t('pages.settingsTeam.VIEW_DETAILS')}
+
+
+ {
+ handleToggleRolePermission('ORG_TASK_VIEW');
+ }}
+ />
+
+
+
+ )}
+ {!selectedRole &&
}
+
+
+ !
+
+
+
+ Please Select any Role
+
+
- {roles.map((role) => (
-
{
- setSelectedRole(role);
- }}
- >
- {role?.name}
-
- ))}
-
- {selectedRole && (
-
-
-
- {t('pages.settingsTeam.TRACK_TIME')}
-
-
- {
- handleToggleRolePermission('TIME_TRACKER');
- }}
- />
-
-
-
-
- Estimate issue
-
-
- {
- handleToggleRolePermission('ORG_TASK_ADD');
- handleToggleRolePermission('ORG_TASK_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.EPICS_CREATE_CLOSE')}
-
-
- {
- handleToggleRolePermission('ORG_TASK_ADD');
- handleToggleRolePermission('ORG_TASK_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.ISSUE_CREATE_CLOSE')}
-
-
- {
- handleToggleRolePermission('ORG_TASK_ADD');
- handleToggleRolePermission('ORG_TASK_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.ISSUE_ASSIGN_UNASSIGN')}
-
-
- {
- handleToggleRolePermission('ORG_TASK_ADD');
- handleToggleRolePermission('ORG_TASK_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.INVITE_MEMBERS')}
-
-
- {
- handleToggleRolePermission('ORG_INVITE_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.REMOVE_MEMBERS')}
-
-
- {
- handleToggleRolePermission('ORG_EMPLOYEES_EDIT');
- handleToggleRolePermission('CHANGE_SELECTED_EMPLOYEE');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.HANDLE_REQUESTS')}
-
-
- {
- handleToggleRolePermission('ORG_TEAM_JOIN_REQUEST_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.ROLES_POSITIONS_CHANGE')}
-
-
- {
- handleToggleRolePermission('ORG_EMPLOYEES_EDIT');
- }}
- />
-
-
-
-
- {t('pages.settingsTeam.VIEW_DETAILS')}
-
-
- {
- handleToggleRolePermission('ORG_TASK_VIEW');
- }}
- />
-
-
-
- )}
- {!selectedRole &&
}
-
-
- !
-
-
-
- Please Select any Role
-
-