Fix issues causing build failure (#63)

* fix: resolve type error(s) causing build failure

* refactor: move types and interfaces to a different folder

* refactor: move types and interfaces to a different folder

src/frontend/src/components/GoogleAuth/index.tsx

@@ -3,13 +3,7 @@ import { useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { Flex } from '@Components/common/Layouts';
 import { toast } from 'react-toastify';
-
-export interface UserProfileDetailsType {
-  id: string;
-  email: string;
-  img_url: string;
-  has_user_profile: boolean;
-}
+import { UserProfileDetailsType } from './types';
 
 const { BASE_URL } = process.env;
 
@@ -41,7 +35,6 @@ function GoogleAuth() {
           const userDetails = await response2.json();
           localStorage.setItem('userprofile', userDetails);
           setUserProfileDetails(userDetails);
-          console.log(userDetails, 'userDetails');
         };
         await completeLogin();
         toast.success('Logged In Successfully');

src/frontend/src/components/GoogleAuth/types/index.ts

@@ -0,0 +1,8 @@
+export interface UserProfileDetailsType {
+  id: string;
+  email: string;
+  img_url: string;
+  has_user_profile: boolean;
+}
+
+export type IUserProfileDetailsType = UserProfileDetailsType | null;

src/frontend/src/components/UserProfile/FormContents/BasicDetails/index.tsx

@@ -1,20 +1,10 @@
 import { Flex, FlexColumn } from '@Components/common/Layouts';
-import {
-  FormControl,
-  FormGroup,
-  Input,
-  Label,
-  Select,
-} from '@Components/common/FormUI';
-import { UserProfileDetailsType } from '@Components/GoogleAuth';
-import { useForm } from 'react-hook-form';
+import { FormControl, Input, Label } from '@Components/common/FormUI';
 import ErrorMessage from '@Components/common/ErrorMessage';
 
 export default function BasicDetails({ formProps }: { formProps: any }) {
   const { register } = formProps;
 
-  console.log(formProps.formState.errors, 'formProps.formState.errors');
-
   // const userProfile: UserProfileDetailsType =
   //   localStorage.getItem('userprofile');
   return (

src/frontend/src/services/common.ts

@@ -1,3 +1,4 @@
+import { UserProfileDetailsType } from '@Components/GoogleAuth/types';
 import { api } from '.';
 
 export const signInUser = (data: any) => api.post('/users/login/', data);
@@ -8,5 +9,10 @@ export const signInCallBackUrl = () => api.get('/users/callback/');
 
 export const logoutUser = () => api.post('/user/logout/');
 
-export const postUserProfile = ({ userId, userProfile }) =>
-  api.post(`/users/${userId}/profile`, { data: userProfile });
+export const postUserProfile = ({
+  userId,
+  userProfile,
+}: {
+  userId: number;
+  userProfile: UserProfileDetailsType;
+}) => api.post(`/users/${userId}/profile`, { data: userProfile });

src/frontend/src/utils/sagaUtils.ts

@@ -30,4 +30,4 @@ export function withLoader(func: Function) {
   };
 }
 
-export const nothing = '';
+export const nothing = '';

src/frontend/src/views/UserProfile/index.tsx

@@ -1,18 +1,18 @@
 import { useTypedDispatch, useTypedSelector } from '@Store/hooks';
 import { UserProfileHeader } from '@Components/UserProfile';
+import { useForm } from 'react-hook-form';
 import { tabOptions } from '@Constants/index';
 import { setCommonState } from '@Store/actions/common';
 import { Button } from '@Components/RadixComponents/Button';
 import {
   BasicDetails,
   OrganizationDetails,
-  PasswordSection,
+  // PasswordSection,
 } from '@Components/UserProfile/FormContents';
-import Tab from './UserProfileTabs';
-import { useForm } from 'react-hook-form';
 import { useMutation } from '@tanstack/react-query';
 import { postUserProfile } from '@Services/common';
-import { UserProfileDetailsType } from '@Components/GoogleAuth';
+import { IUserProfileDetailsType } from '@Components/GoogleAuth/types';
+import Tab from './UserProfileTabs';
 
 const getActiveFormContent = (activeTab: number, formProps: any) => {
   switch (activeTab) {
@@ -33,8 +33,9 @@ export default function UserProfile() {
   const userProfileActiveTab = useTypedSelector(
     state => state.common.userProfileActiveTab,
   );
-  const userProfile: UserProfileDetailsType =
-    localStorage.getItem('userprofile');
+  const userProfile = localStorage.getItem(
+    'userprofile',
+  ) as IUserProfileDetailsType;
 
   const initialState = {
     name: null,
@@ -47,7 +48,7 @@ export default function UserProfile() {
     confirm_password: null,
   };
 
-  const { register, setValue, handleSubmit, reset, formState } = useForm({
+  const { register, setValue, handleSubmit, formState } = useForm({
     defaultValues: initialState,
   });
 
@@ -59,18 +60,19 @@ export default function UserProfile() {
 
   const { mutate: updateUserProfile } = useMutation<any, any, any, unknown>({
     mutationFn: postUserProfile,
-    onSuccess: (res: any) => {
+    onSuccess: () => {
       alert('updated');
       // toast.success('UserProfile Updated Successfully');
     },
     onError: err => {
+      // eslint-disable-next-line no-console
+      console.log(err);
       // toast.error(err.message);
     },
   });
 
   const onSubmit = (data: any) => {
-    console.log(data, 'data');
-    updateUserProfile(userProfile.id, data);
+    updateUserProfile(userProfile?.id, data);
     // if (userProfileActiveTab < 3) return;
     // createProject(data);
     // reset();
@@ -110,10 +112,10 @@ export default function UserProfile() {
             {userProfileActiveTab !== 1 && (
               <Button
                 className="naxatw-absolute naxatw-bottom-4 naxatw-left-4 naxatw-bg-red"
-                leftIcon={'chevron_left'}
+                leftIcon="chevron_left"
                 onClick={onBackBtnClick}
               >
-                {'Back'}
+                Back
               </Button>
             )}
             <Button