[Feature]: Update git hooks and package json #2705

Author: olgenn

frontend/package.json

@@ -12,7 +12,7 @@
     "build": "cross-env NODE_ENV=production webpack build --config webpack.config.js",
     "build-sky": "cross-env NODE_ENV=production UI_VERSION=sky webpack build --config webpack.config.js",
     "eslint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
-    "eslint-fix": "eslint ./src --ext .js,.jsx,.ts,.tsx --fix --max-warnings=0",
+    "eslint-fix": "eslint ./src --ext .js,.jsx,.ts,.tsx --fix",
     "test": "jest",
     "test:update-snapshots": "jest -u",
     "generate-api": "npx @rtk-query/codegen-openapi openapi-config.ts",
@@ -130,7 +130,7 @@
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
-      "eslint --fix",
+      "eslint --fix --max-warnings=0",
       "git add"
     ]
   }

frontend/src/pages/Project/Details/Settings/index.tsx

@@ -17,7 +17,6 @@ import {
     SelectCSD,
     SpaceBetween,
     StatusIndicator,
-    Toggle,
 } from 'components';
 import { HotspotIds } from 'layouts/AppLayout/TutorialPanel/constants';
 
@@ -79,7 +78,6 @@ export const ProjectSettings: React.FC = () => {
         { label: t('projects.edit.visibility.public') || '', value: 'public' },
     ];
 
-    const currentVisibility = data?.isPublic ? 'public' : 'private';
     const [selectedVisibility, setSelectedVisibility] = useState(data?.isPublic ? visibilityOptions[1] : visibilityOptions[0]);
 
     useEffect(() => {
@@ -121,6 +119,7 @@ export const ProjectSettings: React.FC = () => {
                     content: t('projects.edit.update_members_success'),
                 });
             })
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             .catch((error: any) => {
                 pushNotification({
                     type: 'error',
@@ -143,6 +142,7 @@ export const ProjectSettings: React.FC = () => {
                     content: t('projects.edit.update_visibility_success'),
                 });
             })
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             .catch((error: any) => {
                 pushNotification({
                     type: 'error',
@@ -160,6 +160,7 @@ export const ProjectSettings: React.FC = () => {
 
         deleteProject(data)
             .then(() => navigate(ROUTES.PROJECT.LIST))
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             .catch((error: any) => {
                 console.error('Delete project failed:', error);
             });

frontend/src/pages/Project/Details/index.tsx

@@ -1,36 +1,11 @@
-import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Outlet, useNavigate, useParams } from 'react-router-dom';
+import React from 'react';
+import { Outlet, useParams } from 'react-router-dom';
 
-import { Button, ContentLayout, DetailsHeader } from 'components';
-
-import { useAppSelector, useNotifications } from 'hooks';
-import { ROUTES } from 'routes';
-import { useAddProjectMemberMutation, useGetProjectQuery, useRemoveProjectMemberMutation } from 'services/project';
-
-import { selectUserData } from 'App/slice';
-
-import { useProjectMemberActions } from '../hooks/useProjectMemberActions';
-import { getProjectRoleByUserName } from '../utils';
+import { ContentLayout, DetailsHeader } from 'components';
 
 export const ProjectDetails: React.FC = () => {
-    const { t } = useTranslation();
     const params = useParams();
-    const navigate = useNavigate();
     const paramProjectName = params.projectName ?? '';
-    const userData = useAppSelector(selectUserData);
-    const { handleJoinProject, handleLeaveProject, isMemberActionLoading } = useProjectMemberActions();
-
-    const { data: project } = useGetProjectQuery({ name: paramProjectName });
-
-    const currentUserRole = useMemo(() => {
-        if (!userData?.username || !project) return null;
-        return getProjectRoleByUserName(project, userData.username);
-    }, [project, userData?.username]);
-
-    const isProjectOwner = userData?.username === project?.owner.username;
-
-    const isMember = currentUserRole !== null;
 
     return (
         <ContentLayout header={<DetailsHeader title={paramProjectName} />}>

frontend/src/pages/Project/Members/index.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { useFieldArray, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
 
 import {
     Button,
@@ -15,7 +14,7 @@ import {
     Table,
 } from 'components';
 
-import { useAppSelector, useCollection, useNotifications } from 'hooks';
+import { useAppSelector, useCollection } from 'hooks';
 import { ROUTES } from 'routes';
 import { useGetUserListQuery } from 'services/user';
 
@@ -32,8 +31,6 @@ import styles from './styles.module.scss';
 
 export const ProjectMembers: React.FC<IProps> = ({ members, loading, onChange, readonly, isAdmin, project }) => {
     const { t } = useTranslation();
-    const navigate = useNavigate();
-    const [pushNotification] = useNotifications();
     const [selectedItems, setSelectedItems] = useState<TProjectMemberWithIndex[]>([]);
     const { data: usersData } = useGetUserListQuery();
     const userData = useAppSelector(selectUserData);
@@ -54,8 +51,6 @@ export const ProjectMembers: React.FC<IProps> = ({ members, loading, onChange, r
         return member?.project_role || null;
     }, [members, userData?.username]);
 
-    const isProjectOwner = userData?.username === project?.owner.username;
-
     const isMember = currentUserRole !== null;
 
     useEffect(() => {

frontend/src/pages/Project/hooks/useProjectMemberActions.ts

@@ -1,13 +1,10 @@
 import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
 
 import { useNotifications } from 'hooks';
-import { ROUTES } from 'routes';
 import { useAddProjectMemberMutation, useRemoveProjectMemberMutation } from 'services/project';
 
 export const useProjectMemberActions = () => {
     const { t } = useTranslation();
-    const navigate = useNavigate();
     const [pushNotification] = useNotifications();
     const [addMember, { isLoading: isAdding }] = useAddProjectMemberMutation();
     const [removeMember, { isLoading: isRemoving }] = useRemoveProjectMemberMutation();
@@ -51,6 +48,7 @@ export const useProjectMemberActions = () => {
 
             // Optionally call the success callback
             onLeaveSuccess?.();
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
         } catch (error: any) {
             console.error('Failed to leave project:', error);
 

frontend/src/services/project.ts

@@ -5,6 +5,7 @@ import { base64ToArrayBuffer } from 'libs';
 import fetchBaseQueryHeaders from 'libs/fetchBaseQueryHeaders';
 
 // Helper function to transform backend response to frontend format
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const transformProjectResponse = (project: any): IProject => ({
     ...project,
     isPublic: project.is_public,
@@ -28,6 +29,7 @@ export const projectApi = createApi({
                 };
             },
 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             transformResponse: (response: any[]): IProject[] => response.map(transformProjectResponse),
 
             providesTags: (result) =>