Added warning message for integration projects

Author: lumburovskalina

src/components/projects/ProjectCard.tsx

@@ -65,6 +65,9 @@ export default function ProjectCard(props: ProjectCardProps) {
                             <span className="text-sm text-gray-900 ">{props.project.time}</span>
                         </>}
                     </div>}
+                    {props.project.is_integration_project && <div className="absolute bottom-0 left-2/4 flex flex-row flex-nowrap gap-x-1 bg-gray-100 px-1 rounded-br rounded-bl" style={{ 'transform': 'translate(-50%' }}>
+                        <span className="text-sm text-red-500">This is an integration project, please do not delete it unless the integration is deleted</span>
+                    </div>}
                     {(isAdmin && props.project.status !== ProjectStatus.INIT_SAMPLE_PROJECT) &&
                         <div className="absolute top-0 left-0 cursor-pointer" onClick={adminOpenOrDeleteProjectFunc}>
                             <Tooltip content={TOOLTIPS_DICT.PROJECTS.QUICK_DELETE} color="invert" offset={2} placement="right">

src/components/projects/projectId/settings/ProjectMetaData.tsx

@@ -85,6 +85,9 @@ export default function ProjectMetaData() {
             <div className="text-gray-900 text-lg leading-6 font-medium">Danger zone</div>
             <div className="text-sm leading-5 font-normal mt-2 text-gray-500 inline-block">This action can not be reversed.
                 Are you sure you want to delete this project?</div>
+            {!project.is_integration_project && <div className="text-sm text-red-500 italic">
+                This is an integration project, please do not delete it unless the integration is deleted
+            </div>}
             <div className="form-control">
                 <div className="flex space-x-2 items-center">
                     <input className="h-9 w-full text-sm border-gray-300 rounded-md placeholder-italic border text-gray-900 pl-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2 focus:ring-offset-gray-100"

src/types/components/projects/projects-list.ts

@@ -14,6 +14,7 @@ export type Project = {
     timeStamp: string;
     date: string;
     time: string
+    is_integration_project: boolean;
 }
 
 export enum ProjectStatus {