fixed pet profile image bug

gcivil-nyu-org · Dec 12, 2023 · a25659f · a25659f
1 parent 0724659
commit a25659f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/frontend/src/Home.tsx b/frontend/src/Home.tsx
@@ -144,7 +144,7 @@ const Home = (props: React.PropsWithChildren<HomeProps>) => {
     } else if (pathname === ROUTES.PROTECTED_ROUTES.LOCATIONS) {
       return <Locations />;
     } else if (pathname === ROUTES.PROTECTED_ROUTES.PET_PROFILES) {
-      return <PetProfiles />;
+      return <PetProfiles userid={props.authContext.authenticationState.sessionInformation.id}/>;
     } else if (pathname === ROUTES.PROTECTED_ROUTES.JOBS) {
       return <JobPage />;
     }

diff --git a/frontend/src/PetProfiles.tsx b/frontend/src/PetProfiles.tsx
@@ -33,7 +33,7 @@ const PetCardChip = (props: { title: string; value: string }) => {
   );
 };
 
-const PetProfiles: React.FC = () => {
+const PetProfiles: React.FC = ({userid} : {userid : string}) => {
   const [pets, setPets] = useState<Pet[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -68,7 +68,7 @@ const PetProfiles: React.FC = () => {
       if (response.data.length) {
         response.data.forEach((pet: Pet) => {
           axios
-            .get(`${API_ROUTES.USER.PET_PICTURE}?id=${pet.id}`, {
+            .get(`${API_ROUTES.USER.PET_PICTURE}?id=${pet.id}&owner_id=${userid}`, {
               responseType: "blob",
             })
             .then((response) => {
@@ -358,7 +358,7 @@ const PetProfiles: React.FC = () => {
   );
 };
 
-const PetProfilePage = () => {
+const PetProfilePage = ({userid} : {userid : string}) => {
   const [activeTab, setActiveTab] = useState("view");
 
   const [petFormData, setPetFormData] = useState({
@@ -449,6 +449,7 @@ const PetProfilePage = () => {
     }
   };
 
+  // @ts-ignore
   return (
     <div className="max-w-screen-md mx-auto p-6">
       <Tab.Group>
@@ -475,7 +476,7 @@ const PetProfilePage = () => {
           </Tab>
         </Tab.List>
         <Tab.Panels className="p-4 bg-white border border-t-0 rounded-b-md">
-          <Tab.Panel>{activeTab === "view" && <PetProfiles />}</Tab.Panel>
+          <Tab.Panel>{activeTab === "view" && <PetProfiles userid={userid} /> }</Tab.Panel>
           <Tab.Panel>
             {activeTab === "add" && (
               <div className="mb-4 flex flex-col justify-between">