build_app

prod110rb-back-b/authsec_springboot/backend/src/main/java/com/realnet/Builders/Services/BuilderService.java

@@ -69,6 +69,9 @@ public class BuilderService {
 		executeDump(true);
 
 		// ADD OTHER SERVICE
+addCustomMenu( "Forma",  "Transcations"); 
+
+
 
 		System.out.println("dashboard and menu inserted...");
 

prod110rb-back-b/authsec_springboot/backend/src/main/java/com/realnet/basicp1/Controllers/FormaController.java

@@ -0,0 +1,106 @@
+package com.realnet.basicp1.Controllers;
+import java.util.List;
+import org.springframework.beans.factory.annotation.Autowired;
+ import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+import com.fasterxml.jackson.core.JsonProcessingException;
+import org.springframework.web.bind.annotation.CrossOrigin;
+import com.fasterxml.jackson.databind.JsonMappingException;
+import com.realnet.config.EmailService;
+import com.realnet.users.entity1.AppUser;
+import com.realnet.users.service1.AppUserServiceImpl;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.PageRequest;
+import org.springframework.data.domain.Pageable;
+import org.springframework.beans.factory.annotation.*;
+import com.realnet.basicp1.Entity.Forma;
+import com.realnet.basicp1.Services.FormaService ;
+@RequestMapping(value = "/Forma")
+ @CrossOrigin("*") 
+@RestController
+public class FormaController {
+	@Autowired
+	private FormaService Service;
+
+@Value("${projectPath}")
+	private String projectPath;
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	@PostMapping("/Forma")
+		  public Forma Savedata(@RequestBody Forma data) {
+		Forma save = Service.Savedata(data)	;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+		System.out.println("data saved..." + save);
+
+ return save;
+	  }
+@PutMapping("/Forma/{id}")
+	public  Forma update(@RequestBody Forma data,@PathVariable Integer id ) {
+		Forma update = Service.update(data,id);
+		System.out.println("data update..." + update);
+		return update;
+	}	 
+//	get all with pagination
+	@GetMapping("/Forma/getall/page")
+	public Page<Forma> getall(@RequestParam(value = "page", required = false) Integer page,
+			@RequestParam(value = "size", required = false) Integer size) {
+		Pageable paging = PageRequest.of(page, size);
+		Page<Forma> get = Service.getAllWithPagination(paging);
+
+		return get;
+
+	}	
+	@GetMapping("/Forma")
+	public List<Forma> getdetails() {
+		 List<Forma> get = Service.getdetails();		
+		return get;
+}
+// get all without authentication 
+
+	@GetMapping("/token/Forma")
+	public List<Forma> getallwioutsec() {
+		 List<Forma> get = Service.getdetails();		
+		return get;
+}
+@GetMapping("/Forma/{id}")
+	public  Forma  getdetailsbyId(@PathVariable Integer id ) {
+		Forma  get = Service.getdetailsbyId(id);
+		return get;
+	}
+@DeleteMapping("/Forma/{id}")
+	public  void delete_by_id(@PathVariable Integer id ) {
+	Service.delete_by_id(id);
+		
+	}
+
+}

prod110rb-back-b/authsec_springboot/backend/src/main/java/com/realnet/basicp1/Entity/Forma.java

@@ -0,0 +1,70 @@
+package com.realnet.basicp1.Entity;
+ import lombok.*;
+import com.realnet.WhoColumn.Extension; 
+ import javax.persistence.*;
+ import java.time.LocalDateTime;
+ import java.util.*;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @Entity 
+ @Data
+ public class    Forma extends Extension { 
+ /**
+	 * 
+	 */
+	private static final long serialVersionUID = 1L;
+
+ @Id
+ @GeneratedValue(strategy = GenerationType.IDENTITY)
+ private Integer id;
+
+private String  namen;
+
+private String sub;
+
+ private String gender;
+
+
+  
+ 
+private boolean pune;
+   
+
+ 
+private boolean nagpur;
+   
+
+ 
+private boolean mumbai;
+   
+
+
+private String  filetestname;
+private String  filetestpath ;
+
+private String  imagetestname;
+private String  imagetestpath ;
+
+private String  audiotestname;
+private String  audiotestpath ;
+
+private String  videotestname;
+private String  videotestpath ;
+
+
+}

prod110rb-back-b/authsec_springboot/backend/src/main/java/com/realnet/basicp1/Repository/FormaRepository.java

@@ -0,0 +1,31 @@
+package com.realnet.basicp1.Repository;
+
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+import org.springframework.stereotype.Repository; 
+import java.util.*;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+import com.realnet.basicp1.Entity.Forma;
+
+@Repository
+public interface  FormaRepository  extends  JpaRepository<Forma, Integer>  { 
+}

prod110rb-back-b/authsec_springboot/backend/src/main/java/com/realnet/basicp1/Services/FormaService.java

@@ -0,0 +1,130 @@
+package com.realnet.basicp1.Services;
+import com.realnet.basicp1.Repository.FormaRepository;
+import com.realnet.basicp1.Entity.Forma;import java.util.List;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import com.realnet.SequenceGenerator.Service.SequenceService;
+import com.realnet.Notification.Entity.NotificationService;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.Pageable;
+import com.realnet.users.service1.AppUserServiceImpl;
+import com.realnet.users.entity1.AppUser;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	import org.springframework.stereotype.Service;
+
+@Service
+ public class FormaService {
+@Autowired
+private FormaRepository Repository;
+	@Autowired
+	private AppUserServiceImpl userService;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+public Forma Savedata(Forma data) {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Forma save = Repository.save(data);
+				return save;	
+			}
+
+
+//	get all with pagination
+	public Page<Forma> getAllWithPagination(Pageable page) {
+		return Repository.findAll(page);
+	}			
+public List<Forma> getdetails() {
+				return (List<Forma>) Repository.findAll();
+			}
+
+
+public Forma getdetailsbyId(Integer id) {
+	return Repository.findById(id).get();
+			}
+
+
+	public void delete_by_id(Integer id) {
+ Repository.deleteById(id);
+}
+
+
+public Forma update(Forma data,Integer id) {
+	Forma old = Repository.findById(id).get();
+old.setNamen(data.getNamen());
+
+old.setSub(data.getSub());
+
+old.setGender(data.getGender());
+
+  
+ 
+old.setPune(data.isPune());
+   
+
+ 
+old.setNagpur(data.isNagpur());
+   
+
+ 
+old.setMumbai(data.isMumbai());
+   
+
+
+  
+
+ 
+
+ 
+
+ 
+
+ 
+
+final Forma test = Repository.save(old);
+  return test;} 
+ public AppUser getUser() {
+		AppUser user = userService.getLoggedInUser();
+		return user;
+
+	}}

prod110rb-db-d/authsec_mysql/mysql/wf_table/wf_table.sql

@@ -0,0 +1,2 @@
+CREATE TABLE db.Forma(id BIGINT NOT NULL AUTO_INCREMENT, sub VARCHAR(400), gender VARCHAR(400), city VARCHAR(400), Imagetest VARCHAR(400), Namen VARCHAR(400), videotest VARCHAR(400), audiotest VARCHAR(400), Filetest VARCHAR(400),  PRIMARY KEY (id));
+

prod110rb-front-f/authsec_react_bootstrap/authsec_react_bootstrap/src/App.js

@@ -1,3 +1,5 @@
+import Forma from "./Components/BuilderComponents/basicp1/Forma/Forma";
+
 import Stt from "./Components/BuilderComponents/feedback_formn/Stt/Stt";
 
 import React from "react";
@@ -44,6 +46,9 @@ function App() {
         
         <Route path="/Extension" element={<Extension/>} />
          {/* buildercomponents */}
+        <Route path="/Forma" element={<Forma />} />
+
+
         <Route path="/Stt" element={<Stt />} />
 
         <Route path="/setup" element={<SetupView />} />

prod110rb-front-f/authsec_react_bootstrap/authsec_react_bootstrap/src/Components/BuilderComponents/basicp1/Forma/Forma.js

@@ -0,0 +1,642 @@
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { Modal, Button, Form, Pagination } from "react-bootstrap";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import Table from "react-bootstrap/Table";
+
+const API_URL = `${process.env.REACT_APP_API_URL}/Forma/Forma`;
+
+const EntityTable = () => {
+  const [data, setData] = useState([]);
+  const [filteredData, setFilteredData] = useState([]);
+  const [newEntity, setNewEntity] = useState({
+    namen: "",
+
+    sub: "",
+
+    gender: "",
+
+    city: "",
+
+filetest: null,
+
+    imagetest: "",
+
+audiotest: null,
+
+videotest: null,
+
+  });
+  const [editEntity, setEditEntity] = useState(null);
+  const [showEditModal, setShowEditModal] = useState(false);
+  const [showAddModal, setShowAddModal] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const [deleteEntityId, setDeleteEntityId] = useState(null);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [itemsPerPage] = useState(5); // Adjust this value as needed
+  const [searchQuery, setSearchQuery] = useState("");
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  useEffect(() => {
+    handleSearch();
+  }, [searchQuery, data]);
+
+  const fetchData = async () => {
+    try {
+      const response = await axios.get(API_URL, {
+        headers: { Authorization: `Bearer ${process.env.REACT_APP_API_TOKEN}` },
+      });
+      setData(response.data);
+    } catch (error) {
+      console.error("Error fetching data:", error);
+    }
+  };
+
+  const handleDelete = async () => {
+    try {
+      await axios.delete(`${API_URL}/${deleteEntityId}`, {
+        headers: { Authorization: `Bearer ${process.env.REACT_APP_API_TOKEN}` },
+      });
+      fetchData();
+      toast.success("Successfully deleted!");
+      setShowDeleteModal(false);
+    } catch (error) {
+      console.error("Error deleting data:", error);
+    }
+  };
+
+  const handleAdd = async () => {
+    try {
+      await axios.post(API_URL, newEntity, {
+        headers: { Authorization: `Bearer ${process.env.REACT_APP_API_TOKEN}` },
+      });
+      fetchData();
+      setNewEntity({
+    namen: "",
+
+    sub: "",
+
+    gender: "",
+
+    city: "",
+
+filetest: null,
+
+    imagetest: "",
+
+audiotest: null,
+
+videotest: null,
+
+      });
+      setShowAddModal(false);
+      toast.success("Successfully added!");
+    } catch (error) {
+      console.error("Error adding data:", error);
+    }
+  };
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setNewEntity({ ...newEntity, [name]: value });
+  };
+
+  const handleEditChange = (e) => {
+    const { name, value } = e.target;
+    setEditEntity({ ...editEntity, [name]: value });
+  };
+
+  const handleEdit = (entity) => {
+    setEditEntity(entity);
+    setShowEditModal(true);
+  };
+
+  const handleUpdate = async () => {
+    try {
+      await axios.put(`${API_URL}/${editEntity.id}`, editEntity, {
+        headers: { Authorization: `Bearer ${process.env.REACT_APP_API_TOKEN}` },
+      });
+      fetchData();
+      setShowEditModal(false);
+      toast.success("Successfully updated!");
+    } catch (error) {
+      console.error("Error updating data:", error);
+    }
+  };
+
+  const handleSearch = () => {
+    const filtered = data.filter(
+      (entity) =>
+
+
+        entity.namen.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.sub.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.gender.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.city.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.filetest.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.imagetest.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.audiotest.toLowerCase().includes(searchQuery.toLowerCase()) ||
+
+
+
+
+        entity.videotest.toLowerCase().includes(searchQuery.toLowerCase())     );
+    setFilteredData(filtered);
+  };
+
+  const handlePageChange = (pageNumber) => {
+    setCurrentPage(pageNumber);
+  };
+
+  // Calculate items for current page
+  const indexOfLastItem = currentPage * itemsPerPage;
+  const indexOfFirstItem = indexOfLastItem - itemsPerPage;
+  const currentItems = filteredData.slice(indexOfFirstItem, indexOfLastItem);
+
+  return (
+    <div className="container mt-5">
+      <ToastContainer />
+      <h1 className="mb-4">Entity Table</h1>
+      <div className="d-flex justify-content-between mb-3">
+        <Button variant="primary" onClick={() => setShowAddModal(true)}>
+          Add Entity
+        </Button>
+        <Form.Control
+          type="text"
+          className="w-25"
+          placeholder="Search..."
+          value={searchQuery}
+          onChange={(e) => setSearchQuery(e.target.value)}
+        />
+      </div>
+      <Table striped bordered hover responsive variant="dark">
+        <thead>
+          <tr>
+  <th>namen</th>
+
+  <th>sub</th>
+
+  <th>gender</th>
+
+  <th>city</th>
+
+  <th>filetest</th>
+
+  <th>imagetest</th>
+
+  <th>audiotest</th>
+
+  <th>videotest</th>
+
+          </tr>
+        </thead>
+        <tbody >
+          {currentItems.map((entity) => (
+            <tr key={entity.id}>
+
+              <td>{entity.namen}</td>
+
+
+
+              <td>{entity.sub}</td>
+
+
+
+              <td>{entity.gender}</td>
+
+
+
+              <td>{entity.city}</td>
+
+
+
+              <td>{entity.filetest}</td>
+
+
+
+              <td>{entity.imagetest}</td>
+
+
+
+              <td>{entity.audiotest}</td>
+
+
+
+              <td>{entity.videotest}</td>
+
+
+              <td>
+                <Button
+                  variant="warning"
+                  size="sm"
+                  className="me-2"
+                  onClick={() => handleEdit(entity)}
+                >
+                  Update
+                </Button>
+                <Button
+                  variant="danger"
+                  size="sm"
+                  onClick={() => {
+                    setDeleteEntityId(entity.id);
+                    setShowDeleteModal(true);
+                  }}
+                >
+                  Delete
+                </Button>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </Table>
+      <Pagination className="d-flex justify-content-center mt-4">
+        {Array.from(
+          { length: Math.ceil(filteredData.length / itemsPerPage) },
+          (_, index) => (
+            <Pagination.Item
+              key={index + 1}
+              active={index + 1 === currentPage}
+              onClick={() => handlePageChange(index + 1)}
+            >
+              {index + 1}
+            </Pagination.Item>
+          )
+        )}
+      </Pagination>
+      <Modal show={showEditModal} onHide={() => setShowEditModal(false)}>
+        <Modal.Header closeButton>
+          <Modal.Title>Edit Entity</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+          {editEntity && (
+            <Form className="bg-dark p-3 text-light rounded">
+ <div className="form-group">
+          <label htmlFor="namen">Namen</label>
+          <input
+            type="text"
+            className="form-control"
+            id="namen"
+            name="namen"
+            value={editEntity.namen}
+            onChange={handleEditChange}
+            required
+          />
+        </div>
+
+   <Form.Group className="mb-3">
+              <Form.Label>sub</Form.Label>
+              <Form.Control
+                as="select"
+                name="sub"
+                value={editEntity.sub}
+                onChange={handleEditChange}
+                className="bg-secondary text-light"
+              >
+                <option value="">Select sub</option>
+                {Options.map((option) => (
+                  <option key={option} value={option}>
+                    {option}
+                  </option>
+                ))}
+              </Form.Control>
+            </Form.Group>
+
+<Form.Group className="mb-3">
+                <Form.Label>gender</Form.Label>
+
+ 
+
+                <Form.Check
+                  type="radio"
+                  label="f"
+                  name="gender"
+                  value="f"
+                  checked={editEntity.gender === "f"}
+                  onChange={handleEditChange}
+                  className="bg-secondary text-light"
+                />
+ 
+
+ 
+
+                <Form.Check
+                  type="radio"
+                  label="m"
+                  name="gender"
+                  value="m"
+                  checked={editEntity.gender === "m"}
+                  onChange={handleEditChange}
+                  className="bg-secondary text-light"
+                />
+ 
+
+ </Form.Group>
+
+<Form.Group className="mb-3">
+                <Form.Label>city</Form.Label>
+  
+ 
+
+                <Form.Check
+                  type="checkbox"
+                  label="pune"
+                  checked={editEntity.city === "pune"}
+                  onChange={() => handleEditCheckboxChange("pune")}
+              />
+   
+
+ 
+
+                <Form.Check
+                  type="checkbox"
+                  label="nagpur"
+                  checked={editEntity.city === "nagpur"}
+                  onChange={() => handleEditCheckboxChange("nagpur")}
+              />
+   
+
+ 
+
+                <Form.Check
+                  type="checkbox"
+                  label="mumbai"
+                  checked={editEntity.city === "mumbai"}
+                  onChange={() => handleEditCheckboxChange("mumbai")}
+              />
+   
+
+ </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>filetest</Form.Label>
+              <Form.Control
+                type="file"
+                name="filetest"
+                accept="application/pdf,.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+                onChange={(e) =>
+                  setEditEntity({ ...editEntity, filetest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>imagetest</Form.Label>
+              <Form.Control
+                type="file"
+                name="imagetest"
+                accept="image/png, image/jpeg, image/jpg, image/gif, image/webp"
+                onChange={(e) =>
+                  setEditEntity({ ...editEntity, imagetest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>audiotest</Form.Label>
+              <Form.Control
+                type="file"
+                name="audiotest"
+                accept="audio/mpeg, audio/wav, audio/ogg, audio/mp3, audio/aac"
+                onChange={(e) =>
+                  setEditEntity({ ...editEntity, audiotest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>videotest</Form.Label>
+              <Form.Control
+                type="file"
+                name="videotest"
+                accept="video/mp4, video/webm, video/ogg, video/x-matroska, video/avi"
+                onChange={(e) =>
+                  setEditEntity({ ...editEntity, videotest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+          </Form>
+          
+          )}
+        </Modal.Body>
+        <Modal.Footer>
+          <Button variant="secondary" onClick={() => setShowEditModal(false)}>
+            Close
+          </Button>
+          <Button variant="primary" onClick={handleUpdate}>
+            Save changes
+          </Button>
+        </Modal.Footer>
+      </Modal>
+      <Modal show={showAddModal} onHide={() => setShowAddModal(false)}>
+        <Modal.Header closeButton>
+          <Modal.Title>Add New Entity</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+        <Form className="bg-dark p-3 text-light rounded">
+ <div className="form-group">
+          <label htmlFor="namen">Namen</label>
+          <input
+            type="text"
+            className="form-control"
+            id="namen"
+            name="namen"
+            value={newEntity.namen}
+            onChange={handleChange}
+            required
+          />
+        </div>
+
+   <Form.Group className="mb-3">
+              <Form.Label>sub</Form.Label>
+              <Form.Control
+                as="select"
+                name="sub"
+                value={newEntity.sub}
+                onChange={handleChange}
+                className="bg-secondary text-light"
+              >
+                <option value="">Select sub</option>
+                {Options.map((option) => (
+                  <option key={option} value={option}>
+                    {option}
+                  </option>
+                ))}
+              </Form.Control>
+            </Form.Group>
+
+<Form.Group className="mb-3">
+
+              <Form.Label>gender</Form.Label>
+
+ 
+              <Form.Check
+                type="radio"
+                label="f"
+                name="gender"
+                value="f"
+                checked={newEntity.gender === "f"}
+
+                onChange={handleChange}
+                className="bg-secondary text-light"
+              />  
+ 
+
+ 
+              <Form.Check
+                type="radio"
+                label="m"
+                name="gender"
+                value="m"
+                checked={newEntity.gender === "m"}
+
+                onChange={handleChange}
+                className="bg-secondary text-light"
+              />  
+ 
+
+            </Form.Group>
+
+
+<Form.Group className="mb-3">
+                <Form.Label>city</Form.Label>
+  
+ 
+
+                <Form.Check
+                  type="checkbox"
+                  label="pune"
+                  checked={newEntity.city === "pune"}
+                onChange={() => handleCheckboxChange("pune")}
+              />
+   
+
+ 
+
+                <Form.Check
+                  type="checkbox"
+                  label="nagpur"
+                  checked={newEntity.city === "nagpur"}
+                onChange={() => handleCheckboxChange("nagpur")}
+              />
+   
+
+ 
+
+                <Form.Check
+                  type="checkbox"
+                  label="mumbai"
+                  checked={newEntity.city === "mumbai"}
+                onChange={() => handleCheckboxChange("mumbai")}
+              />
+   
+
+ </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>filetest</Form.Label>
+              <Form.Control
+                type="file"
+                name="filetest"
+                accept="application/pdf,.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+                onChange={(e) =>
+                  setNewEntity({ ...newEntity, filetest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>imagetest</Form.Label>
+              <Form.Control
+                type="file"
+                name="imagetest"
+                accept="image/png, image/jpeg, image/jpg, image/gif, image/webp"
+                onChange={(e) =>
+                  setNewEntity({ ...newEntity, imagetest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>audiotest</Form.Label>
+              <Form.Control
+                type="file"
+                name="audiotest"
+                accept="audio/mpeg, audio/wav, audio/ogg, audio/mp3, audio/aac"
+                onChange={(e) =>
+                  setNewEntity({ ...newEntity, audiotest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+ <Form.Group controlId="formFileupload">
+              <Form.Label>videotest</Form.Label>
+              <Form.Control
+                type="file"
+                name="videotest"
+                accept="video/mp4, video/webm, video/ogg, video/x-matroska, video/avi"
+                onChange={(e) =>
+                  setNewEntity({ ...newEntity, videotest: e.target.files[0] })
+                }
+              />
+            </Form.Group>
+
+</Form>
+
+        </Modal.Body>
+        <Modal.Footer>
+          <Button variant="secondary" onClick={() => setShowAddModal(false)}>
+            Close
+          </Button>
+          <Button variant="primary" onClick={handleAdd}>
+            Add Entity
+          </Button>
+        </Modal.Footer>
+      </Modal>
+      <Modal show={showDeleteModal} onHide={() => setShowDeleteModal(false)}>
+        <Modal.Header closeButton>
+          <Modal.Title>Confirm Delete</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>Are you sure you want to delete this entity?</Modal.Body>
+        <Modal.Footer>
+          <Button variant="secondary" onClick={() => setShowDeleteModal(false)}>
+            Cancel
+          </Button>
+          <Button variant="danger" onClick={handleDelete}>
+            Delete
+          </Button>
+        </Modal.Footer>
+      </Modal>
+    </div>
+  );
+};
+
+export default EntityTable;