"use client"; import React, { useState } from "react"; import globalStyle from "../../globalStyle.module.css"; import TopHeader from "@/app/components/topHeader/TopHeader"; import styles from "./styles.module.css"; import AddServicesModal from "./AddServicesModal/AddServicesModal"; const AddProject = () => { const [triggerAddServicesModal, setTriggerAddServicesModal] = useState(false); const sampleData = [ { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, { name: "accounting-service", version: "v1", health: { overall: "Healthy", liveness: "Unreachable", readiness: "Ready", }, status: { deployment: "Healthy", replicas: "1/1", }, image: "xuru.isaachybrid.com/698d24e36c2855a6f0d8cf9b/accounting-service", ingress: "", ports: "3000:3000, 50054:50054", }, ]; return ( <> {triggerAddServicesModal && ( )}
{sampleData.map((services, index) => { return ( ); })}
Name Version Health Status Image Ingress Port Actions
{services.name} {services.version}

Overall

{services.health.overall}

Liveness

{services.health.liveness}

Readiness

{services.health.readiness}

Deployment

{services.status.deployment}

Replicas

{services.status.replicas}

 {services.image} {services.ingress} {services.ports}
); }; export default AddProject;