fix shelter name

api.ts

@@ -2,7 +2,7 @@ import axios from 'axios'
 import Cookies from 'js-cookie'
 
 const api = axios.create({
-  baseURL: 'http://jaydenl.pythonanywhere.com/api/', // Replace with the URL of your Django API
+  baseURL: 'http://127.0.0.1:8000/api/', // Replace with the URL of your Django API
   headers: {
     'Content-Type': 'application/json',
   },

app/opportunities/page.tsx

@@ -4,7 +4,15 @@ import PetCard from '@/components/PetCard';
 import Image from "next/image";
 import api from "@/api";
 import Cookies from 'js-cookie'
-
+interface ShelterProp {
+  url: string;
+  name: string;
+  address: string;
+  city: string;
+  state: string;
+  zip_code: string;
+  phone_number: string;
+}
 interface PetCardProps {
   type: string;
   name: string;
@@ -14,7 +22,7 @@ interface PetCardProps {
   gender: string;
   size: string;
   description: string;
-  shelter: string;
+  shelter: ShelterProp;
   image: string;
   url: string;
 }

components/PetCard.tsx

@@ -1,6 +1,16 @@
 import Image from "next/image";
 import ImagePlaceholder from "@/components/ImagePlaceholder";
 
+interface ShelterProp {
+  url: string;
+  name: string;
+  address: string;
+  city: string;
+  state: string;
+  zip_code: string;
+  phone_number: string;
+}
+
 interface PetCardProps {
   type: string;
   name: string;
@@ -10,7 +20,7 @@ interface PetCardProps {
   gender: string;
   size: string;
   description: string;
-  shelter: string;
+  shelter: ShelterProp;
   image: string;
 }
 
@@ -34,7 +44,7 @@ const PetCard = ({ type, name, species, breed, age, gender, size, description, s
         </div>
         <div className="px-6 py-4">
           <p className="text-gray-700 text-sm">
-            {shelter}
+            {shelter.name}
           </p>
         </div>
       </div>