2195 enhancement modify linting (#2198)

* fixing the linting issues

* fixing the linting issuesgs

* fixing the linting issues

* fixing the linting issues

* fixing the linting issues

* fixing the linting issues

* fixing the linting issues

* fix the linting issues of project web only

* fix the linting issues of project web only

* fix the linting issues of project web only

.husky/pre-commit

@@ -1,4 +1,7 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-# npm test
+cd "apps/web"
+
+yarn lint
+

.prettierrc

@@ -7,7 +7,6 @@
 	"arrowParens": "always",
 	"trailingComma": "none",
 	"quoteProps": "as-needed",
-	"trimTrailingWhitespace": true,
 	"overrides": [
 		{
 			"files": "*.scss",

apps/web/.eslintrc.json

@@ -1,8 +1,7 @@
 {
+	"plugins": ["unused-imports"],
 	"extends": "next/core-web-vitals",
 	"rules": {
-		"react/no-unstable-nested-components": [
-			"error"
-		]
+		"unused-imports/no-unused-imports": "error"
 	}
 }

apps/web/.prettierrc

@@ -7,7 +7,6 @@
 	"arrowParens": "always",
 	"trailingComma": "none",
 	"quoteProps": "as-needed",
-	"trimTrailingWhitespace": true,
 	"overrides": [
 		{
 			"files": "*.scss",

apps/web/app/[locale]/integration/github/page.tsx

@@ -18,10 +18,10 @@ const GitHub = () => {
 
 	const installing = useRef<boolean>(false);
 
-	const { installGitHub, getRepositories } = useGitHubIntegration();	
+	const { installGitHub, getRepositories } = useGitHubIntegration();
 	const { getIntegrationTenant, loading: integrationTenantLoading, integrationTenant } = useIntegrationTenant();
 	const { loading: loadingIntegrationTypes, integrationTypes, getIntegrationTypes } = useIntegrationTypes();
-	
+
 	const handleInstallGitHub = useCallback(() => {
 		installing.current = true;
 

apps/web/app/[locale]/kanban/page.tsx

@@ -78,7 +78,7 @@ const Kanban = () => {
 							<Breadcrumb paths={breadcrumbPath} className="text-sm" />
 						</div>
 						<div className="flex h-10 w-max items-center justify-center   gap-1">
-							<HeaderTabs linkAll={true}/>
+							<HeaderTabs linkAll={true} />
 						</div>
 					</div>
 					<div className="flex justify-between items-center mt-10">

apps/web/app/[locale]/page.tsx

@@ -39,7 +39,6 @@ import { headerTabs } from '@app/stores/header-tabs';
 
 function MainPage() {
 	const t = useTranslations();
-
 	const { isTeamMember, isTrackingEnabled, activeTeam } = useOrganizationTeams();
 	const fullWidth = useRecoilValue(fullWidthState);
 	const view = useRecoilValue(headerTabs);

apps/web/app/api/timer/start/route.ts

@@ -14,7 +14,7 @@ export async function POST(req: Request) {
 		taskId,
 		teamId: organizationTeamId
 	} = await authenticatedGuard(req, res);
-	console.log({ user, tenantId, taskId})
+	console.log({ user, tenantId, taskId });
 	if (!user) return $res('Unauthorized');
 
 	await startTimerRequest(

apps/web/app/hooks/auth/useAuthenticationTeam.ts

@@ -15,99 +15,92 @@ const FIRST_STEP = 'STEP1' as const;
 const SECOND_STEP = 'STEP2' as const;
 
 export interface IStepProps {
-  handleOnChange: any;
-  form: IRegisterDataAPI;
+	handleOnChange: any;
+	form: IRegisterDataAPI;
 }
 
 const initialValues: IRegisterDataAPI = RECAPTCHA_SITE_KEY
-  ? {
-      name: '',
-      email: '',
-      team: '',
-      recaptcha: ''
-    }
-  : {
-      name: '',
-      email: '',
-      team: ''
-    };
+	? {
+			name: '',
+			email: '',
+			team: '',
+			recaptcha: ''
+	  }
+	: {
+			name: '',
+			email: '',
+			team: ''
+	  };
 export function useAuthenticationTeam() {
-  const query = useSearchParams();
-  const queryEmail = useMemo(() => {
-    const emailQuery =
-      query?.get('email') ||
-      localStorage?.getItem('ever-teams-start-email') ||
-      '';
-    return emailQuery;
-  }, [query]);
-  initialValues.email = queryEmail;
-  const [step, setStep] = useState<typeof FIRST_STEP | typeof SECOND_STEP>(
-    FIRST_STEP
-  );
-  const [formValues, setFormValues] = useState<IRegisterDataAPI>(initialValues);
-  const [errors, setErrors] = useState(initialValues);
-  const { queryCall, loading, infiniteLoading } = useQuery(registerUserTeamAPI);
+	const query = useSearchParams();
+	const queryEmail = useMemo(() => {
+		const emailQuery = query?.get('email') || localStorage?.getItem('ever-teams-start-email') || '';
+		return emailQuery;
+	}, [query]);
+	initialValues.email = queryEmail;
+	const [step, setStep] = useState<typeof FIRST_STEP | typeof SECOND_STEP>(FIRST_STEP);
+	const [formValues, setFormValues] = useState<IRegisterDataAPI>(initialValues);
+	const [errors, setErrors] = useState(initialValues);
+	const { queryCall, loading, infiniteLoading } = useQuery(registerUserTeamAPI);
 
-  const handleSubmit = (e: any) => {
-    e.preventDefault();
-    if (step === FIRST_STEP) {
-      const { errors, valid } = authFormValidate(['team'], formValues);
-      setErrors(errors as any);
-      valid && setStep(SECOND_STEP);
-      return;
-    }
+	const handleSubmit = (e: any) => {
+		e.preventDefault();
+		if (step === FIRST_STEP) {
+			const { errors, valid } = authFormValidate(['team'], formValues);
+			setErrors(errors as any);
+			valid && setStep(SECOND_STEP);
+			return;
+		}
 
-    const noRecaptchaArray = ['email', 'name'];
+		const noRecaptchaArray = ['email', 'name'];
 
-    const withRecaptchaArray = [...noRecaptchaArray, 'recaptcha'];
+		const withRecaptchaArray = [...noRecaptchaArray, 'recaptcha'];
 
-    const validationFields = RECAPTCHA_SITE_KEY
-      ? withRecaptchaArray
-      : noRecaptchaArray;
+		const validationFields = RECAPTCHA_SITE_KEY ? withRecaptchaArray : noRecaptchaArray;
 
-    const { errors, valid } = authFormValidate(validationFields, formValues);
+		const { errors, valid } = authFormValidate(validationFields, formValues);
 
-    if (!valid) {
-      setErrors(errors as any);
-      return;
-    }
+		if (!valid) {
+			setErrors(errors as any);
+			return;
+		}
 
-    formValues['timezone'] = userTimezone();
-    infiniteLoading.current = true;
+		formValues['timezone'] = userTimezone();
+		infiniteLoading.current = true;
 
-    queryCall(formValues)
-      .then(() => window.location.reload())
-      .catch((err: AxiosError) => {
-        if (err.response?.status === 400) {
-          setErrors((err.response?.data as any)?.errors || {});
-        }
-      });
-  };
+		queryCall(formValues)
+			.then(() => window.location.reload())
+			.catch((err: AxiosError) => {
+				if (err.response?.status === 400) {
+					setErrors((err.response?.data as any)?.errors || {});
+				}
+			});
+	};
 
-  const handleOnChange = useCallback(
-    (e: any) => {
-      const { name, value } = e.target;
-      const key = name as keyof IRegisterDataAPI;
-      if (errors[key]) {
-        errors[key] = '';
-      }
-      setFormValues((prevState) => ({
-        ...prevState,
-        [name]: value
-      }));
-    },
-    [errors]
-  );
+	const handleOnChange = useCallback(
+		(e: any) => {
+			const { name, value } = e.target;
+			const key = name as keyof IRegisterDataAPI;
+			if (errors[key]) {
+				errors[key] = '';
+			}
+			setFormValues((prevState) => ({
+				...prevState,
+				[name]: value
+			}));
+		},
+		[errors]
+	);
 
-  return {
-    handleSubmit,
-    handleOnChange,
-    loading,
-    FIRST_STEP,
-    step,
-    SECOND_STEP,
-    setStep,
-    errors,
-    formValues
-  };
+	return {
+		handleSubmit,
+		handleOnChange,
+		loading,
+		FIRST_STEP,
+		step,
+		SECOND_STEP,
+		setStep,
+		errors,
+		formValues
+	};
 }

apps/web/app/interfaces/IScreenshoot.ts

@@ -10,6 +10,6 @@ export interface IScreenShootItem {
 	imageUrl: string;
 	percent: number | string;
 	showProgress?: boolean;
-	isTeamPage?: boolean
+	isTeamPage?: boolean;
 	onShow: () => any;
 }

apps/web/app/interfaces/ITaskTimesheet.ts

@@ -4,7 +4,7 @@ import { ITeamTask } from './ITask';
 import { ITimerSlot } from './timer/ITimerSlot';
 
 export interface ITaskTimesheet {
-    id: string
+	id: string;
 	title: string;
 	description?: string;
 	metaData?: string;

apps/web/app/services/client/api/public-organization-team.ts

@@ -26,9 +26,8 @@ export function getPublicOrganizationTeamsAPI(profile_link: string, team_id: str
 		params[`relations[${i}]`] = rl;
 	});
 
-
 	const queries = qs.stringify(params);
-  
+
 	const endpoint = GAUZY_API_BASE_SERVER_URL.value
 		? `/public/team/${profile_link}/${team_id}?${queries}`
 		: `/public/team/${profile_link}/${team_id}?type=team`;
@@ -49,7 +48,6 @@ export function getPublicOrganizationTeamsMiscDataAPI(profile_link: string, team
 		params[`relations[${i}]`] = rl;
 	});
 
-
 	const queries = qs.stringify(params);
 
 	const endpoint = GAUZY_API_BASE_SERVER_URL.value

apps/web/app/stores/kanban.ts

@@ -1,9 +1,7 @@
-import { IKanban } from "@app/interfaces/IKanban";
-import { atom } from "recoil";
+import { IKanban } from '@app/interfaces/IKanban';
+import { atom } from 'recoil';
 
 export const kanbanBoardState = atom<IKanban>({
-    key: 'kanbanBoardState',
-    default: {
-
-    }
-})
+	key: 'kanbanBoardState',
+	default: {}
+});

apps/web/app/utils/scroll-to-element.ts

@@ -3,4 +3,4 @@ export function scrollToElement(rect: DOMRect, diff = 150) {
 		top: rect.y > 0 ? rect.y + window.scrollY - diff : window.scrollY - Math.abs(rect.y) - diff,
 		behavior: 'smooth'
 	});
-}
+}

apps/web/components/pages/main/header-tabs.tsx

@@ -20,7 +20,7 @@ const HeaderTabs = ({ linkAll }: { linkAll: boolean }) => {
 
 	return (
 		<>
-			{options.map(({ label, icon: Icon, view: optionView },index) => (
+			{options.map(({ label, icon: Icon, view: optionView }, index) => (
 				<Tooltip key={label} label={label} placement="top-start">
 					<LinkWrapper isRoute={!!links[index]} href={links[index]}>
 						<button

apps/web/components/shared/skeleton/KanbanBoardSkeleton.tsx

@@ -1,41 +1,43 @@
-import React from "react";
-import Skeleton from "react-loading-skeleton";
+import React from 'react';
+import Skeleton from 'react-loading-skeleton';
 
 const KanbanBoardSkeleton = () => {
+	const columns = Array.from(Array(5));
 
-    const columns = Array.from(Array(5));
+	const tasks = Array.from(Array(2));
 
-    const tasks = Array.from(Array(2));
+	return (
+		<>
+			<div className="flex flex-row gap-[20px] w-full min-h-[600px] p-[32px] bg-transparent dark:bg-[#181920]">
+				{columns.map((_, index: number) => {
+					return (
+						<React.Fragment key={index}>
+							<div className="flex flex-col gap-[10px]">
+								<Skeleton height={40} width={325} borderRadius={10} className="dark:bg-[#353741]" />
 
-    return (
-        <>
-            <div
-                className="flex flex-row gap-[20px] w-full min-h-[600px] p-[32px] bg-transparent dark:bg-[#181920]"
-            >
-               {columns.map((_, index: number)=> {
-                return (
-                    <React.Fragment key={index}>
-                        <div className="flex flex-col gap-[10px]">
-                            <Skeleton height={40} width={325} borderRadius={10} className="dark:bg-[#353741]" />
+								<div className="flex flex-col gap-[5px]">
+									{tasks.map((_, index: number) => {
+										return (
+											<React.Fragment key={index}>
+												<Skeleton
+													height={155}
+													width={325}
+													borderRadius={10}
+													className="dark:bg-[#353741]"
+												/>
+											</React.Fragment>
+										);
+									})}
 
-                            <div className="flex flex-col gap-[5px]">
-                                {tasks.map((_, index: number)=> {
-                                    return (
-                                        <React.Fragment key={index}>
-                                            <Skeleton height={155} width={325} borderRadius={10} className="dark:bg-[#353741]" />
-                                        </React.Fragment>
-                                    )
-                                })} 
+									<Skeleton height={56} width={325} borderRadius={10} className="dark:bg-[#353741]" />
+								</div>
+							</div>
+						</React.Fragment>
+					);
+				})}
+			</div>
+		</>
+	);
+};
 
-                                <Skeleton height={56} width={325} borderRadius={10} className="dark:bg-[#353741]" />
-                            </div>
-                        </div>
-                    </React.Fragment>
-                )
-               })}                       
-            </div>
-        </>
-    )
-}
-
-export default KanbanBoardSkeleton;
+export default KanbanBoardSkeleton;