From 109bdb8b154377dc2ced0acf98f2324e54854cd1 Mon Sep 17 00:00:00 2001
From: Fabricio Pagliarini <fabriciopgl87@gmail.com>
Date: Mon, 25 Nov 2024 23:32:39 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Adiciona=20l=C3=B3gica=20de=20favor?=
 =?UTF-8?q?itos=20do=20usu=C3=A1rio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                   |   4 +-
 .github/workflows/deploy.yml       |   2 +
 app/favoritos/page.tsx             |   1 -
 app/page.tsx                       |  57 ++++++---
 app/providers.tsx                  |   9 +-
 components/Footer/index.tsx        |   1 -
 components/Login/index.tsx         |   2 +-
 components/NavbarSearch/index.tsx  |   2 -
 components/PlaceCard/index.tsx     |  27 ++++-
 contexts/FavoritePlacesContext.tsx | 101 ++++++++++++++++
 contexts/PlacesContext.tsx         |  56 +++++++++
 domains/Places/types.ts            |   9 ++
 hooks/usePlaces.tsx                | 188 -----------------------------
 13 files changed, 244 insertions(+), 215 deletions(-)
 create mode 100644 contexts/FavoritePlacesContext.tsx
 create mode 100644 contexts/PlacesContext.tsx
 create mode 100644 domains/Places/types.ts
 delete mode 100644 hooks/usePlaces.tsx

diff --git a/.env.development b/.env.development
index 141be67..327d04f 100644
--- a/.env.development
+++ b/.env.development
@@ -1,2 +1,4 @@
 NEXT_PUBLIC_GOOGLE_CLIENT_ID=xxxx
-NEXT_PUBLIC_GOOGLE_USER_SCRIPT_URL=xxx
\ No newline at end of file
+NEXT_PUBLIC_GOOGLE_USER_SCRIPT_URL=xxxx
+NEXT_PUBLIC_GOOGLE_PLACES_SCRIPT_URL=xxxx
+NEXT_PUBLIC_GOOGLE_FAVORITE_PLACES_SCRIPT_URL=xxxx
\ No newline at end of file
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index a9bf156..5fdbc54 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -27,6 +27,8 @@ jobs:
         env:
           NEXT_PUBLIC_GOOGLE_CLIENT_ID: ${{ secrets.GOOGLE_CLIENT_ID }}
           NEXT_PUBLIC_GOOGLE_USER_SCRIPT_URL: ${{ secrets.GOOGLE_USER_SCRIPT_URL }}
+          NEXT_PUBLIC_GOOGLE_PLACES_SCRIPT_URL: ${{ secrets.GOOGLE_PLACES_SCRIPT_URL }}
+          NEXT_PUBLIC_GOOGLE_FAVORITE_PLACES_SCRIPT_URL: ${{ secrets.GOOGLE_FAVORITE_PLACES_SCRIPT_URL }}
         run: yarn build
 
       - name: Deploy to GitHub Pages
diff --git a/app/favoritos/page.tsx b/app/favoritos/page.tsx
index 35ba7f5..95249c0 100644
--- a/app/favoritos/page.tsx
+++ b/app/favoritos/page.tsx
@@ -1,4 +1,3 @@
-// app/routes/about/page.tsx
 export default function FavoritesPage() {
   return (
     <div className="container mx-auto p-4">
diff --git a/app/page.tsx b/app/page.tsx
index c74efed..8435e59 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,16 +1,19 @@
 "use client";
-import PlaceCard from "@/components/PlaceCard";
 import Filter from "@/components/Filters";
 import NavbarSearch from "@/components/NavbarSearch";
-
-import usePlaces, { Place } from "@/hooks/usePlaces";
-
+import PlaceCard from "@/components/PlaceCard";
+import { useAuth } from "@/contexts/AuthContext";
+import { useFavorites } from "@/contexts/FavoritePlacesContext";
+import { usePlacesContext } from "@/contexts/PlacesContext";
+import { Place } from "@/domains/Places/types";
 import { Button, Card, CardBody } from "@nextui-org/react";
 import { useEffect, useState } from "react";
 import { FaArrowLeft, FaArrowRight, FaSearch } from "react-icons/fa";
 
 export default function HomePage() {
-  const { places } = usePlaces();
+  const { user, isAnonymous } = useAuth();
+  const { favorites, fetchFavorites, isLoading } = useFavorites();
+  const { places, loading } = usePlacesContext();
   const [currentPage, setCurrentPage] = useState(1);
   const [filteredPlaces, setFilteredPlaces] = useState<Place[]>(places);
   const [searchValue, setSearchValue] = useState("");
@@ -45,6 +48,12 @@ export default function HomePage() {
     setCurrentPage(1);
   }, [searchValue, places]);
 
+  useEffect(() => {
+    if (user && !isAnonymous && favorites.length === 0)
+      fetchFavorites(user.internalId);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [user, isAnonymous]);
+
   const handleSearch = (value: string) => {
     setSearchValue(value);
   };
@@ -74,17 +83,37 @@ export default function HomePage() {
         </div>
 
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 pt-8">
-          {currentPlaces.map((place) => (
-            <PlaceCard
-              key={place.id}
-              name={place.name}
-              imageUrl={place.image}
-              description={place.description}
-            />
-          ))}
+          {loading || isLoading
+            ? Array.from({ length: 9 }).map((_, index) => (
+                <Card
+                  key={index}
+                  className="w-80 h-90 mx-auto shadow-lg animate-pulse"
+                >
+                  <div className="bg-gray-300 h-[250px] w-full object-cover rounded-t-lg"></div>
+                  <CardBody className="flex flex-col h-full p-4">
+                    <div className="bg-gray-300 h-6 w-3/4 mb-4 rounded"></div>
+                    <div className="bg-gray-300 h-4 w-full mb-4 rounded"></div>
+                    <div className="bg-gray-300 h-4 w-5/6 rounded mb-4 flex-1"></div>
+                    <div className="flex flex-row justify-between items-center gap-2">
+                      <div className="bg-gray-300 h-10 w-full rounded-lg"></div>
+                      <div className="bg-gray-300 h-10 w-10 rounded-full"></div>
+                    </div>
+                  </CardBody>
+                </Card>
+              ))
+            : currentPlaces.map((place) => (
+                <PlaceCard
+                  key={place.id}
+                  id={place.id}
+                  name={place.name}
+                  imageUrl={place.image}
+                  description={place.description}
+                  favorite={favorites?.some((f) => f === place.id)}
+                />
+              ))}
         </div>
 
-        {currentPlaces.length > 0 ? (
+        {!loading && currentPlaces.length > 0 ? (
           <div className="flex justify-center items-center mt-8">
             <Button
               startContent={<FaArrowLeft />}
diff --git a/app/providers.tsx b/app/providers.tsx
index 7365762..45cd133 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -1,6 +1,7 @@
 "use client";
-
 import { AuthProvider } from "@/contexts/AuthContext";
+import { FavoriteProvider } from "@/contexts/FavoritePlacesContext";
+import { PlacesProvider } from "@/contexts/PlacesContext";
 import { NextUIProvider } from "@nextui-org/system";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { ThemeProviderProps } from "next-themes/dist/types";
@@ -28,7 +29,11 @@ const Providers: React.FC<ProvidersProps> = ({ children, themeProps }) => {
   return (
     <NextUIProvider navigate={router.push}>
       <NextThemesProvider disableTransitionOnChange {...themeProps}>
-        <AuthProvider>{children}</AuthProvider>
+        <AuthProvider>
+          <FavoriteProvider>
+            <PlacesProvider>{children}</PlacesProvider>
+          </FavoriteProvider>
+        </AuthProvider>
       </NextThemesProvider>
     </NextUIProvider>
   );
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 02c5245..d727c40 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,4 +1,3 @@
-// app/components/Footer.tsx
 export default function Footer() {
   return (
     <footer className="text-center py-4 border-t">
diff --git a/components/Login/index.tsx b/components/Login/index.tsx
index f9204f5..850d7b9 100644
--- a/components/Login/index.tsx
+++ b/components/Login/index.tsx
@@ -15,7 +15,7 @@ interface ExtendedJwtPayload extends JwtPayload {
 }
 
 export default function LoginComponent({ onSuccess }: LoginComponentProps) {
-  //This variables was previous set in environment variables on Netlify (only for production)
+  //This variables was previous set in environment variables on GitHub (only for production)
   // For development, you need to specify the value in .env.development
   const googleClientId = process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID;
   const scriptUrl = process.env.NEXT_PUBLIC_GOOGLE_USER_SCRIPT_URL!;
diff --git a/components/NavbarSearch/index.tsx b/components/NavbarSearch/index.tsx
index 2762da0..d76ce63 100644
--- a/components/NavbarSearch/index.tsx
+++ b/components/NavbarSearch/index.tsx
@@ -1,7 +1,5 @@
-import usePlaces from "@/hooks/usePlaces";
 import { Input } from "@nextui-org/input";
 import { Kbd } from "@nextui-org/kbd";
-import { useEffect, useState } from "react";
 import { FaSearch } from "react-icons/fa";
 
 interface NavbarSearchProps {
diff --git a/components/PlaceCard/index.tsx b/components/PlaceCard/index.tsx
index 207173a..4fc4d24 100644
--- a/components/PlaceCard/index.tsx
+++ b/components/PlaceCard/index.tsx
@@ -2,15 +2,24 @@
 import { Button, Card, CardBody, Image } from "@nextui-org/react";
 import { HeartIcon } from "./HeartIcon";
 import { useState } from "react";
+import { useFavorites } from "@/contexts/FavoritePlacesContext";
 
 type Props = {
+  id: number;
   name: string;
   description: string;
   imageUrl: string;
+  favorite: boolean;
 };
 
-export default function PlaceCard({ name, description, imageUrl }: Props) {
-  const [liked, setLiked] = useState(false);
+export default function PlaceCard({
+  id,
+  name,
+  description,
+  imageUrl,
+  favorite,
+}: Props) {
+  const { addFavorite, removeFavorite, favorites } = useFavorites();
   return (
     <Card className="w-80 h-90 mx-auto shadow-lg transition-transform transform-gpu hover:scale-105 active:scale-100 cursor-pointer">
       <Image
@@ -34,13 +43,21 @@ export default function PlaceCard({ name, description, imageUrl }: Props) {
             className="text-default-900/60 data-[hover]:bg-foreground/10"
             radius="full"
             variant="light"
-            onPress={() => setLiked((v) => !v)}
+            onPress={() => {
+              const isFavorite = favorites?.includes(id);
+
+              if (isFavorite) {
+                removeFavorite(id);
+              } else {
+                addFavorite(id);
+              }
+            }}
           >
             <HeartIcon
               className={
-                liked ? "[&>path]:stroke-transparent fill-red-500" : ""
+                favorite ? "[&>path]:stroke-transparent fill-red-500" : ""
               }
-              fill={liked ? "currentColor" : "none"}
+              fill={favorite ? "currentColor" : "none"}
               width={undefined}
               height={undefined}
             />
diff --git a/contexts/FavoritePlacesContext.tsx b/contexts/FavoritePlacesContext.tsx
new file mode 100644
index 0000000..17fa523
--- /dev/null
+++ b/contexts/FavoritePlacesContext.tsx
@@ -0,0 +1,101 @@
+import React, { createContext, useContext, useState, useEffect } from "react";
+import axios from "axios";
+import { useAuth } from "./AuthContext";
+
+type FavoriteContextType = {
+  favorites: number[];
+  addFavorite: (placeId: number) => void;
+  removeFavorite: (placeId: number) => void;
+  fetchFavorites: (userId: number) => void;
+  isLoading: boolean;
+};
+
+const FavoriteContext = createContext<FavoriteContextType | undefined>(
+  undefined
+);
+
+const SCRIPT_URL = process.env.NEXT_PUBLIC_GOOGLE_FAVORITE_PLACES_SCRIPT_URL!;
+
+export const FavoriteProvider: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const [favorites, setFavorites] = useState<number[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  const { user, isAnonymous } = useAuth();
+
+  const fetchFavorites = async (userId: number) => {
+    try {
+      setIsLoading(true);
+      const response = await axios.get(`${SCRIPT_URL}?userId=${userId}`);
+      setFavorites(response.data);
+    } catch (error) {
+      console.error("Error fetching favorites:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const addFavorite = async (placeId: number) => {
+    setFavorites((prevFavorites) => {
+      const updatedFavorites = [...prevFavorites, placeId];
+      if (user && !isAnonymous) updateFavoriteInSheet(placeId, true);
+      return updatedFavorites;
+    });
+  };
+
+  const removeFavorite = async (placeId: number) => {
+    setFavorites((prevFavorites) => {
+      const updatedFavorites = prevFavorites.filter((id) => id !== placeId);
+      if (user && !isAnonymous) updateFavoriteInSheet(placeId, false);
+      return updatedFavorites;
+    });
+  };
+
+  const updateFavoriteInSheet = async (
+    placeId: number,
+    isFavorite: boolean
+  ) => {
+    try {
+      const userId = user?.internalId;
+      await axios.post(
+        SCRIPT_URL,
+        {
+          userId,
+          placeId,
+          isFavorite,
+        },
+        {
+          headers: {
+            "Content-Type": "text/plain;charset=utf-8",
+          },
+        }
+      );
+    } catch (error) {
+      console.error("Error updating favorite in sheet:", error);
+    }
+  };
+
+  return (
+    <FavoriteContext.Provider
+      value={{
+        favorites,
+        addFavorite,
+        removeFavorite,
+        fetchFavorites,
+        isLoading,
+      }}
+    >
+      {children}
+    </FavoriteContext.Provider>
+  );
+};
+
+// Hook para acessar o contexto
+export const useFavorites = () => {
+  const context = useContext(FavoriteContext);
+  if (!context) {
+    throw new Error("useFavorites must be used within a FavoriteProvider");
+  }
+  return context;
+};
diff --git a/contexts/PlacesContext.tsx b/contexts/PlacesContext.tsx
new file mode 100644
index 0000000..3a00964
--- /dev/null
+++ b/contexts/PlacesContext.tsx
@@ -0,0 +1,56 @@
+"use client";
+import { Place } from "@/domains/Places/types";
+import React, { createContext, useContext, useEffect, useState } from "react";
+
+interface PlacesContextType {
+  places: Place[];
+  loading: boolean;
+  error: string | null;
+}
+
+const PlacesContext = createContext<PlacesContextType | undefined>(undefined);
+
+const SCRIPT_URL = process.env.NEXT_PUBLIC_GOOGLE_PLACES_SCRIPT_URL!;
+
+export const PlacesProvider: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const [places, setPlaces] = useState<Place[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const fetchPlaces = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(SCRIPT_URL);
+        if (!response.ok) {
+          throw new Error(`Error fetching data: ${response.status}`);
+        }
+        const places = await response.json();
+        setPlaces(places.data || []);
+      } catch (err: unknown) {
+        setError((err as Error).message);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchPlaces();
+  }, []);
+
+  return (
+    <PlacesContext.Provider value={{ places, loading, error }}>
+      {children}
+    </PlacesContext.Provider>
+  );
+};
+
+export const usePlacesContext = () => {
+  const context = useContext(PlacesContext);
+  if (!context) {
+    throw new Error("usePlacesContext deve ser usado dentro de PlacesProvider");
+  }
+  return context;
+};
diff --git a/domains/Places/types.ts b/domains/Places/types.ts
new file mode 100644
index 0000000..8d0bbe2
--- /dev/null
+++ b/domains/Places/types.ts
@@ -0,0 +1,9 @@
+type PlaceType = "restaurant" | "atraction" | "route";
+
+export type Place = {
+  id: number;
+  name: string;
+  description: string;
+  image: string;
+  type: PlaceType[];
+};
diff --git a/hooks/usePlaces.tsx b/hooks/usePlaces.tsx
deleted file mode 100644
index d52ade2..0000000
--- a/hooks/usePlaces.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import { useState, useEffect } from "react";
-
-type PlaceType = "restaurant" | "atraction" | "route";
-
-export type Place = {
-  id: number;
-  name: string;
-  description: string;
-  image: string;
-  type: PlaceType[];
-};
-
-export default function usePlaces() {
-  const [places, setPlaces] = useState<Place[]>([]);
-
-  useEffect(() => {
-    const simulatedData: Place[] = [
-      {
-        id: 1,
-        name: "Vinícola Aurora",
-        description: "Experiência completa em vinhos.",
-        image:
-          "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3wIso-oVhr5DYzKsrHYYFV40GSp55W698AUsanwYDUEnvTm6KJnYbqeDKNoPNspdQFImvzwzd4LJG-8WzXk3rNlXWmJSuLiFA1hZbPSVCG4Ewf5vc9fGlzEuJaaTZgd3gEL8giwBa14g/s640/blog-Apaixonados-por-Viagens-Vin%25C3%25ADcola-Aurora-RS+%252825%2529.jpg",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 2,
-        name: "Caminhos de Pedra",
-        description: "Imersão na cultura italiana.",
-        image:
-          "https://sitearquivos.s3-us-west-2.amazonaws.com/1590/Conteudos/5369/7qrvrw4wlzp8zf4hmcx0_65.jpg",
-        type: ["route"],
-      },
-      {
-        id: 3,
-        name: "Parque Nacional Aparados da Serra",
-        description: "Natureza exuberante.",
-        image:
-          "https://cdn-clubecandeias.s3.sa-east-1.amazonaws.com/uploads/images/trilha-do-rio-do-boi-parque-nacional-aparados-da-serra-sc-rs-clube-candeias.jpeg",
-        type: ["atraction", "route"],
-      },
-      {
-        id: 4,
-        name: "Snowland",
-        description: "Primeiro parque de neve indoor das Américas.",
-        image: "https://imgmd.net/images/v1/guia/1704889/snowland.jpg",
-        type: ["atraction"],
-      },
-      {
-        id: 5,
-        name: "Vinícola Miolo",
-        description:
-          "Degustação de vinhos premium no coração do Vale dos Vinhedos.",
-        image:
-          "https://cdn.api.wine-locals.com/guide/images/large_IMG_4925_ea73005095.webp",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 6,
-        name: "Casa Valduga",
-        description: "Experiência enogastronômica inesquecível.",
-        image:
-          "https://www.melhoresdestinos.com.br/wp-content/uploads/2022/01/vinicola-casa-valduga-capa.jpg",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 7,
-        name: "Epopeia Italiana",
-        description: "Passeio cultural e histórico em Bento Gonçalves.",
-        image:
-          "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgajxfpo3UBbPLsCqGzAtr23cS4lzxQ32XWQOneenOvGp4LS11WEqkMzFX96kGw0I9I0CYA6fSyeuNDM6bBbDN2v34S94AQo3Ec2GDQLNujFsW7TuRtc093qeraNECOLpeCNgOL4Xz52u0J/s1600/epopeia+italiana+3.jpg",
-        type: ["atraction"],
-      },
-      {
-        id: 8,
-        name: "Café Colonial Bela Vista",
-        description: "Uma imersão nos sabores da culinária colonial.",
-        image:
-          "https://belavista.tur.br/wp-content/uploads/2019/06/loja-gramado-2.jpg",
-        type: ["restaurant"],
-      },
-      {
-        id: 9,
-        name: "Mundo a Vapor",
-        description: "Parque temático com miniaturas de máquinas a vapor.",
-        image:
-          "https://media.ondeir.com.br/2024/02/RHU_933322-scaled.webp?1709251564",
-        type: ["atraction"],
-      },
-      {
-        id: 10,
-        name: "Gramado Café Colonial",
-        description: "O autêntico café colonial da Serra Gaúcha.",
-        image:
-          "https://conciergegramado.com.br/images/produto/fotos/produto-561/01.jpg",
-        type: ["restaurant"],
-      },
-      {
-        id: 11,
-        name: "Hotel & Spa do Vinho",
-        description:
-          "Hospitalidade, vinoterapia, restaurante e eventos no coração do Vale dos Vinhedos.",
-        image:
-          "https://www.tasteandfly.com.br/wp-content/uploads/2019/07/HOTEL-SPA-DO-VINHO1.jpg",
-        type: ["atraction", "route"],
-      },
-      {
-        id: 12,
-        name: "Parque Estadual do Caracol",
-        description: "Natureza e trilhas na famosa Cascata do Caracol.",
-        image:
-          "https://www.gramadosublime.com/image/d235/cachoeira-parque-do-caracol-5cae7cb661787000108b022c?ver=bcc0&width=1200&height=800",
-        type: ["atraction", "route"],
-      },
-      {
-        id: 13,
-        name: "Cuca e Marmellata",
-        description:
-          "Encantamento em meio a natureza, com brunchs, cucas e local ao ar livre.",
-        image:
-          "https://valedosvinhedos.wordpress.com/wp-content/uploads/2024/01/6.jpeg",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 14,
-        name: "Maria Fumaça - Vinhos e História",
-        description:
-          "Conheça o legado dos imigrantes italianos em uma viagem histórica na Maria Fumaça.",
-        image:
-          "https://www.mariafumacaemgramado.com.br/wp-content/uploads/2020/09/maria-fumaca-em-gramado-rs-compressed.jpg",
-        type: ["atraction", "route"],
-      },
-      {
-        id: 15,
-        name: "Hard Rock Café Gramado",
-        description: "Gastronomia e música em um ambiente icônico.",
-        image:
-          "https://cafe.hardrock.com/gramado/pt/files/5562/10084147_ImageLargeWidth.jpg",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 16,
-        name: "Praça das Etnias",
-        description:
-          "Cultura e história em um espaço dedicado às etnias formadoras da região.",
-        image:
-          "https://viajantesemfim.com.br/wp-content/uploads/2023/02/IMG_8926_jpg-scaled.jpg",
-        type: ["atraction"],
-      },
-      {
-        id: 17,
-        name: "Vinícola Salton",
-        description: "Uma das maiores e mais tradicionais vinícolas do Brasil.",
-        image:
-          "https://upload.wikimedia.org/wikipedia/commons/thumb/5/56/Vinhos_salton_bento_goncalves.jpg/1200px-Vinhos_salton_bento_goncalves.jpg",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 18,
-        name: "Cervejaria Edelbrau",
-        description: "Produção de cervejas artesanais no estilo alemão.",
-        image:
-          "https://sebraers.com.br/wp-content/uploads/2022/06/cervejaria-edelbrau-e-destaque-em-evento-de-turismo-em-sao-paulo-19.png",
-        type: ["restaurant", "atraction"],
-      },
-      {
-        id: 19,
-        name: "Parque Terra Mágica Florybal",
-        description: "Diversão para toda a família com atrações temáticas.",
-        image:
-          "https://blog.lacadordeofertas.com.br/wp-content/uploads/2022/08/50591254822_ef9597df8c_o-scaled.jpg",
-        type: ["atraction"],
-      },
-      {
-        id: 20,
-        name: "Ristorante Nonna Metilde",
-        description:
-          "Sabores autênticos da culinária italiana em um ambiente acolhedor e familiar.",
-        image:
-          "https://revistasaboresdosul.com.br/wp-content/uploads/2022/12/nonna-metilde1.jpg",
-        type: ["atraction"],
-      },
-    ];
-    setPlaces(simulatedData);
-  }, []);
-
-  return { places };
-}