@@ -0,0 +1 @@
+

@@ -0,0 +28,4 @@
+  return (
+    <div className="App">
+      <ul>
+    

@@ -0,0 +1 @@
+export const api_url = "https://jsonplaceholder.typicode.com/posts";

@@ -0,0 +2,4 @@
+import Body from "./Body";
+import SearchBar from "./SearchBar";
+import "../styleing/layout.css";
+import { api_url } from "../env";

@@ -0,0 +9,4 @@
+  const [filteredData, setFilteredData] = useState([]);
+  const [currentPage, setCurrentPage] = useState(1);
+
+  const fetchData = async () => {

@@ -0,0 +25,4 @@
+    if (!searchTerm) {
+      setFilteredData(data); 
+    } else {
+      const filtered = data.filter(

@@ -0,0 +27,4 @@
+    } else {
+      const filtered = data.filter(
+        (post) =>
+          post?.title.toLowerCase().includes(searchTerm?.toLowerCase()) ||

@@ -0,0 +31,4 @@
+          post?.body.toLowerCase().includes(searchTerm?.toLowerCase())
+      );
+      if(filtered.length>0){
+      setFilteredData([filtered[0]]); 

@@ -0,0 +12,4 @@
+    width: 300px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    background-color: #f9f9f9;

@@ -0,0 +30,4 @@
+      <ul>
+    
+      {filteredData.length > 0 ? (
+          currentPosts.map((post) => (