Fixed 'use client' usage.

src/components/common/ErrorBoundary.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { ErrorInfo, ReactNode } from 'react';
 import { ErrorBoundary as Boundary } from 'react-error-boundary';
 import { Button } from 'react-basics';

src/components/hooks/queries/useApi.ts

@@ -1,4 +1,3 @@
-'use client';
 import * as reactQuery from '@tanstack/react-query';
 import { useApi as nextUseApi } from 'next-basics';
 import { getClientAuthToken } from 'lib/client';

src/components/hooks/queries/useConfig.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useEffect } from 'react';
 import useStore, { setConfig } from 'store/app';
 import { useApi } from './useApi';

src/components/hooks/queries/useFilterQuery.ts

@@ -1,4 +1,3 @@
-'use client';
 import { UseQueryOptions } from '@tanstack/react-query';
 import { useState, Dispatch, SetStateAction } from 'react';
 import { useApi } from './useApi';

src/components/hooks/queries/useLogin.ts

@@ -1,4 +1,3 @@
-'use client';
 import useStore, { setUser } from 'store/app';
 import useApi from './useApi';
 import { UseQueryResult } from '@tanstack/react-query';

src/components/hooks/queries/useReport.ts

@@ -1,4 +1,3 @@
-'use client';
 import { produce } from 'immer';
 import { useCallback, useEffect, useState } from 'react';
 import { useApi } from './useApi';

src/components/hooks/queries/useReports.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 import useModified from 'store/modified';

src/components/hooks/queries/useShareToken.ts

@@ -1,4 +1,3 @@
-'use client';
 import useStore, { setShareToken } from 'store/app';
 import useApi from './useApi';
 

src/components/hooks/queries/useTeam.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 
 export function useTeam(teamId: string) {

src/components/hooks/queries/useTeamMembers.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 

src/components/hooks/queries/useTeamWebsites.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 

src/components/hooks/queries/useTeams.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 import { useLogin } from 'components/hooks';

src/components/hooks/queries/useUser.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 
 export function useUser(userId: string, options?: { [key: string]: any }) {

src/components/hooks/queries/useUsers.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 import useModified from 'store/modified';

src/components/hooks/queries/useWebsite.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 
 export function useWebsite(websiteId: string, options?: { [key: string]: any }) {

src/components/hooks/queries/useWebsiteEvents.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import { UseQueryOptions } from '@tanstack/react-query';
 

src/components/hooks/queries/useWebsiteMetrics.ts

@@ -1,4 +1,3 @@
-'use client';
 import useApi from './useApi';
 import { UseQueryOptions } from '@tanstack/react-query';
 

src/components/hooks/queries/useWebsites.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useApi } from './useApi';
 import { useFilterQuery } from './useFilterQuery';
 import { useLogin } from './useLogin';

src/components/hooks/useCountryNames.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useState, useEffect } from 'react';
 import { httpGet } from 'next-basics';
 import enUS from '../../../public/intl/country/en-US.json';

src/components/hooks/useDateRange.ts

@@ -1,4 +1,3 @@
-'use client';
 import { getMinimumUnit, parseDateRange } from 'lib/date';
 import { setItem } from 'next-basics';
 import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE } from 'lib/constants';

src/components/hooks/useDocumentClick.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useEffect } from 'react';
 
 export function useDocumentClick(handler: (event: MouseEvent) => any) {

src/components/hooks/useEscapeKey.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useEffect, useCallback, KeyboardEvent } from 'react';
 
 export function useEscapeKey(handler: (event: KeyboardEvent) => void) {

src/components/hooks/useFilters.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useMessages } from './useMessages';
 import { OPERATORS } from 'lib/constants';
 

src/components/hooks/useForceUpdate.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useCallback, useState } from 'react';
 
 export function useForceUpdate() {

src/components/hooks/useFormat.ts

@@ -1,4 +1,3 @@
-'use client';
 import useMessages from './useMessages';
 import { BROWSERS } from 'lib/constants';
 import useLocale from './useLocale';

src/components/hooks/useLanguageNames.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useState, useEffect } from 'react';
 import { httpGet } from 'next-basics';
 import enUS from '../../../public/intl/language/en-US.json';

src/components/hooks/useLocale.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useEffect } from 'react';
 import { httpGet, setItem } from 'next-basics';
 import { LOCALE_CONFIG } from 'lib/constants';

src/components/hooks/useMessages.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { messages, labels } from 'components/messages';
 

src/components/hooks/useNavigation.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useMemo } from 'react';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { buildUrl } from 'next-basics';

src/components/hooks/useSticky.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useState, useEffect, useRef } from 'react';
 
 export function useSticky({ enabled = true, threshold = 1 }) {

src/components/hooks/useTeamUrl.ts

@@ -1,4 +1,3 @@
-'use client';
 import { usePathname } from 'next/navigation';
 
 export function useTeamUrl(): {

src/components/hooks/useTheme.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useEffect } from 'react';
 import useStore, { setTheme } from 'store/app';
 import { getItem, setItem } from 'next-basics';

src/components/hooks/useTimezone.ts

@@ -1,4 +1,3 @@
-'use client';
 import { useState, useCallback } from 'react';
 import { getTimezone } from 'lib/date';
 import { getItem, setItem } from 'next-basics';

src/components/input/DateFilter.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { useState } from 'react';
 import { Icon, Modal, Dropdown, Item, Text, Flexbox } from 'react-basics';
 import { endOfYear, isSameDay } from 'date-fns';

src/components/input/LogoutButton.tsx

@@ -9,7 +9,7 @@ export function LogoutButton({
 }) {
   const { formatMessage, labels } = useMessages();
   return (
-    <Link href="/src/app/logout/logout">
+    <Link href="/src/app/logout/LogoutPage">
       <TooltipPopup label={formatMessage(labels.logout)} position={tooltipPosition}>
         <Button variant="quiet">
           <Icon>

src/components/input/TeamsButton.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { Key } from 'react';
 import { Text, Icon, Button, Popup, Menu, Item, PopupTrigger, Flexbox } from 'react-basics';
 import classNames from 'classnames';

src/components/input/WebsiteSelect.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { useState, Key } from 'react';
 import { Dropdown, Item } from 'react-basics';
 import { useWebsite, useWebsites, useMessages } from 'components/hooks';

src/components/layout/MenuLayout.tsx

@@ -1,10 +1,9 @@
-'use client';
 import { ReactNode } from 'react';
 import { usePathname } from 'next/navigation';
 import SideNav from 'components/layout/SideNav';
-import styles from './SettingsLayout.module.css';
+import styles from './MenuLayout.module.css';
 
-export function SettingsLayout({ items = [], children }: { items: any[]; children: ReactNode }) {
+export function MenuLayout({ items = [], children }: { items: any[]; children: ReactNode }) {
   const pathname = usePathname();
   const cloudMode = !!process.env.cloudMode;
 
@@ -22,4 +21,4 @@ export function SettingsLayout({ items = [], children }: { items: any[]; childre
   );
 }
 
-export default SettingsLayout;
+export default MenuLayout;

src/components/layout/Page.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { ReactNode } from 'react';
 import classNames from 'classnames';
 import { Banner, Loading } from 'react-basics';