From d269cde30873103ace1d0f4daf3d7a639624ed3a Mon Sep 17 00:00:00 2001
From: Francesco Grazioso <francescograzioso1995@gmail.com>
Date: Sat, 4 May 2024 18:54:49 +0200
Subject: [PATCH] fix cors error

---
 api/api/settings.py                | 2 +-
 frontend/src/api/api.ts            | 2 +-
 frontend/src/components/Toggle.vue | 2 +-
 frontend/src/views/HomeView.vue    | 9 ++++++---
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/api/api/settings.py b/api/api/settings.py
index a45b242..d64cd0f 100644
--- a/api/api/settings.py
+++ b/api/api/settings.py
@@ -130,7 +130,7 @@ CORS_ALLOWED_ORIGINS = [
     "http://localhost:5173",
 ]
 
-CORS_ALLOW_METHODS = (
+CORS_ALLOWED_METHODS = (
     "DELETE",
     "GET",
     "OPTIONS",
diff --git a/frontend/src/api/api.ts b/frontend/src/api/api.ts
index f2aac81..132a881 100644
--- a/frontend/src/api/api.ts
+++ b/frontend/src/api/api.ts
@@ -1,7 +1,7 @@
 import axios from 'axios'
 import type {MediaItemResponse} from '@/api/interfaces'
 
-const BASE_URL = 'http://127.0.0.1:8000/api'
+const BASE_URL = 'http://localhost:8000/api'
 
 function get(url: string): Promise<any> {
   return axios.get(`${BASE_URL}${url}`)
diff --git a/frontend/src/components/Toggle.vue b/frontend/src/components/Toggle.vue
index fdd6012..4c28a3f 100644
--- a/frontend/src/components/Toggle.vue
+++ b/frontend/src/components/Toggle.vue
@@ -19,7 +19,7 @@ const toggleOption = () => {
 
 <template>
   <div class="switch-container">
-    <span class="switch-label-left">Film</span>
+    <span class="switch-label-left">Film/Serie TV</span>
     <label class="switch">
       <input type="checkbox" :checked="isAnimeSelected" @change="toggleOption">
       <span class="slider round"></span>
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index ec9a2b6..c3c7dc4 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -45,19 +45,22 @@ function searchTitle() {
         @submit="searchTitle"
         class="search-input"
         type="text"
-        placeholder="Search for a title..."
+        placeholder="Cerca un titolo..."
       />
       <div class="toggle-button-container">
         <Toggle v-model="selectedOption" class="search-toggle"></Toggle>
-        <button @click="searchTitle" class="search-button">Search</button>
+        <button @click="searchTitle" class="search-button">Cerca</button>
       </div>
     </div>
   </div>
-  <div class="card-container">
+  <div v-if="searchResults && searchResults.length > 0" class="card-container">
     <div v-for="result in searchResults" :key="result.id" class="card-item">
       <Card :item="result" :media-type="selectedOption" />
     </div>
   </div>
+  <div v-else>
+    <p style="text-align: center; margin-top: 100px;">Nessun risultato trovato</p>
+  </div>
 </template>
 
 <style scoped>