From cc6fa5b21a39b2cf84f9344c04a4241aae36db1b Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 11:30:15 +0100
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D0=B5?=
 =?UTF-8?q?=D1=82=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=20=D0=BF=D0=BE=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B5=D0=BA=D1=82=D0=B0=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Presentation/PresentationView.vue | 46 +++++++++++++++++----
 1 file changed, 37 insertions(+), 9 deletions(-)

diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index 60c1913..4b416e7 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -57,6 +57,8 @@ export default {
   data() {
     return {
       projects: [],
+      searchQuery: '',
+      searchResult: [],
     };
   },
   async created() {
@@ -67,6 +69,16 @@ export default {
       console.error('There was an error fetching the projects', error);
     }
   },
+  methods: {
+    async search() {
+      try {
+        const response = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${this.searchQuery}`);
+        this.searchResult = response.data;
+      } catch (error) {
+        console.error('There was an error performing the search', error);
+      }
+    }
+  },
 };
 </script>
 
@@ -101,22 +113,38 @@ export default {
             </p>
           </div>
         </div>
+        <div>
+          <!-- Тут надо будет заменить на красивую строчку  -->
+    <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
+    <button type="submit" @click="search">Go</button>
+
+    <!-- Результаты поиска по проектам-->
+    <div v-if="searchResult.length > 0">
+    <h2>Найдено в проектах: {{ searchResult.length }}</h2>
+    <div v-for="project in searchResult" :key="project.id">
+      <h2>{{ project.title }}</h2>
+      <p>{{ project.description }}</p>
+    </div>
+  </div>
+  <div v-else>
+    <h1>No results found</h1>
+  </div>
+  </div>
 
         <div class="container">
       <div class="row justify-space-between py-2">
-        <div class="col-lg-4 mx-auto">
-          <MaterialInput
-            class="input-group-dynamic mb-4"
-            icon="search"
-            type="text"
-            placeholder="Поиск по проектам или людям"
-          />
-        </div>
+        <div>
+    <div class="col-lg-4 mx-auto">
+      
+    </div>
+
+  </div>
       </div>
     </div>
       </div>
         
     </div>
+    
   </Header>
 
 
@@ -129,9 +157,9 @@ export default {
       <h3>{{ project.title }}</h3>
       <p>{{ project.description }}</p>
     </div>
+  </div>   
   </div>
 
-  </div>
 <!-- 
     <div class="container">
       <div class="row">