From c094a72973545970ff75effae536bf99b7c24a0f Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 14:47:10 +0100
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BA=D0=B0=D0=B7=D1=8B=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82,=20=D0=BD=D0=BE=20=D0=BD=D0=B5=20=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D0=B5=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Sections/PresentationSearch.vue           | 63 ++++++++++++++++---
 1 file changed, 55 insertions(+), 8 deletions(-)

diff --git a/src/views/Presentation/Sections/PresentationSearch.vue b/src/views/Presentation/Sections/PresentationSearch.vue
index cab831a..78d402a 100644
--- a/src/views/Presentation/Sections/PresentationSearch.vue
+++ b/src/views/Presentation/Sections/PresentationSearch.vue
@@ -1,10 +1,57 @@
-<template>
-    <h1>Тут будет поиск!</h1>
-  </template>
-  
-  <script>
-  export default {
-    name: 'PresentationSearch',
+<script setup>
+import { onMounted, onUnmounted } from "vue";
+import axios from 'axios';
+import { ref } from "vue";
+
+const searchQuery = ref('');
+const searchResultProjects = ref([]);
+const searchResultUsers = ref([]);
+
+const search = async () => {
+  try {
+    const projectsResponse = await axios.get(`http://somebodyhire.me/api/projects/?search=${searchQuery.value}`);
+    searchResultProjects.value = projectsResponse.data;
+
+    const usersResponse = await axios.get(`http://somebodyhire.me/api/profiles/?search=${searchQuery.value}`);
+    searchResultUsers.value = usersResponse.data;
+  } catch (error) {
+    console.error('There was an error fetching the search results', error);
   }
-  </script>
+};
+
+
+
+
+</script>
+
+
+<template>
+    <div class="searchBar">
+        <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
+        <button type="submit" @click="search">Go</button>
+    </div>
+    <div class="results" v-if="searchResultProjects.length || searchResultUsers.length">
+        <div v-if="searchResultProjects.value.length">
+            <h2>Projects Results</h2>
+            <p>Number of results: {{ searchResultProjects.value.length }}</p>
+        </div>
+
+        <div v-if="searchResultUsers.value.length">
+            <h2>User Profile Results</h2>
+            <p>Number of results: {{ searchResultUsers.value.length }}</p>
+        </div>
+    
+    </div>
+        
+
+
+  </template>
+
+<style scoped>
+.searchBar{
+    display: flex;
+    justify-content: center;
+
+}
+</style>
   
\ No newline at end of file