refactor:resolved copilots error

Author: AishDani

.talismanrc

@@ -10,4 +10,7 @@ ignoreconfig:
     ignore_detectors:
       - Base64Detector
 
+  - filename: ui/src/components/ContentMapper/index.tsx
+    checksum: 938aaf193e830bade84f9d8d385e55942269c3f2e7be82939994d64d76df3fa6
+    
 version: "1.0"

ui/src/components/ContentMapper/index.scss

@@ -311,7 +311,7 @@ div .table-row {
   font-size: $size-font-large;
   font-weight: $font-weight-semi-bold;
 }
-.filtetButton-color{
+.filterButton-color{
   color: $color-brand-primary-base;
   font-weight: $font-weight-bold;
 }

ui/src/components/ContentMapper/index.tsx

@@ -2255,7 +2255,7 @@ const ContentMapper = forwardRef(({handleStepChange}: contentMapperProps, ref: R
                             }
                           }}
                         >
-                          {CONTENT_MAPPING_STATUS[key] && <span className={`${activeFilter ===  CONTENT_MAPPING_STATUS[key] ? 'filter-status filtetButton-color' :'filter-status' }`}>{CONTENT_MAPPING_STATUS[key]}</span> }
+                          {CONTENT_MAPPING_STATUS[key] && <span className={`${activeFilter ===  CONTENT_MAPPING_STATUS[key] ? 'filter-status filterButton-color' :'filter-status' }`}>{CONTENT_MAPPING_STATUS[key]}</span> }
                           {STATUS_ICON_Mapping[key] && <Icon size="small" icon={STATUS_ICON_Mapping[key]} className={STATUS_ICON_Mapping[key] === 'CheckedCircle' ? 'mapped-icon' : ''} />}
                         </button>
                       </li>

ui/src/components/DestinationStack/index.tsx

@@ -100,15 +100,15 @@ const DestinationStackComponent = ({
     setisProjectMapped(newMigrationData?.isprojectMapped);
   },[newMigrationData?.isprojectMapped]);
 
-    useEffect(()=>{
-     if(! isEmptyString(newMigrationData?.destination_stack?.selectedStack?.value ) 
-       ){
-        handleAllStepsComplete(true);
-      }
-      else{
-        handleAllStepsComplete(false);
-      }
-    },[newMigrationData])
+  useEffect(()=>{
+    if(! isEmptyString(newMigrationData?.destination_stack?.selectedStack?.value ) 
+      ){
+      handleAllStepsComplete(true);
+    }
+    else{
+      handleAllStepsComplete(false);
+    }
+  },[newMigrationData?.destination_stack?.selectedStack])
 
   return (
     <>

ui/src/components/Modal/index.tsx

@@ -19,7 +19,6 @@ import { ProjectModalProps, FormData } from './modal.interface';
 
 // Services
 import { useState } from 'react';
-import { createProject } from '../../services/api/project.service';
 
 const Modal = (props: ProjectModalProps) => {
   const {

ui/src/components/Modal/modal.interface.ts

@@ -9,7 +9,7 @@ export interface ProjectModalProps {
   selectedOrg: IDropDown;
   closeModal: () => void;
   isOpen: (flag: boolean) => void;
-  createProject: (values : FormData)=> void
+  createProject: (values : FormData)=> Promise<CreateProjectResponse>
 }
 export interface SettingsModalProps {
   selectedOrg: IDropDown;
@@ -23,3 +23,17 @@ export interface SettingsModalProps {
 export interface FormData {
   name?: string;
 }
+
+export interface Project {
+  name: string;
+  id: string;
+  status: string;
+  created_at: string;   
+  modified_at: string;  
+}
+
+export interface CreateProjectResponse {
+  status: "success";
+  message: string;
+  project: Project;
+}

ui/src/pages/Projects/index.tsx

@@ -27,7 +27,7 @@ import { validateObject } from '../../utilities/functions';
 
 // Interfaces
 import { ProjectsType, ProjectsObj } from './projects.interface';
-import { ModalObj } from '../../components/Modal/modal.interface';
+import { CreateProjectResponse, ModalObj, FormData } from '../../components/Modal/modal.interface';
 import { CTA } from '../Home/home.interface';
 import usePreventBackNavigation from '../../hooks/usePreventBackNavigation';
 
@@ -137,8 +137,8 @@ const Projects = () => {
   };
   useBlockNavigation(isModalOpen || true);
 
-  const createProjectCall = async(values : any) => {
-        const res:any = await createProject(selectedOrganisation?.uid || '', values);
+  const createProjectCall = async(values : FormData): Promise<CreateProjectResponse> => {
+        const res = await createProject(selectedOrganisation?.uid || '', values);
         if (res?.error) {
           return res?.error;
         }