brand logo

components/layout/Generics/GenericHeader.js

@@ -3,7 +3,7 @@ import Image from "next/image"
 import { useRouter } from "next/router";
 import { signOut } from "next-auth/react";
 import { UserOutlined } from '@ant-design/icons';
-export const GenericHeader = ({ venderBusiness, venderEmail, adminName, adminEmail, isRoute }) => {
+export const GenericHeader = ({ venderBusiness, venderEmail, businessLogo, adminName, adminEmail, isRoute }) => {
     const router = useRouter();
     const VenderDetails = () => {
         return <div>
@@ -14,7 +14,7 @@ export const GenericHeader = ({ venderBusiness, venderEmail, adminName, adminEma
                 </div>
                 :
                 <div className="d-flex align-items-center gap-3">
-                    <Skeleton.Image style={{ height: 50, width: 70 }} />
+                    <Image src={businessLogo} height={50} width={70} objectFit="contain"/>
                     <div className="d-flex flex-column">
                         <p className="m-0">{venderBusiness}</p>
                         <p className="m-0">{venderEmail}</p>

components/layout/Generics/GenericLayout.js

@@ -35,6 +35,7 @@ export const GenericLayout = ({ children }) => {
       <GenericHeader
         venderBusiness={vendorDetails?.attributes?.businessName}
         venderEmail={vendorDetails?.attributes?.email}
+        businessLogo={vendorDetails?.attributes?.brandLogo?.data?.attributes?.url}
         adminName={loadedUser?.username}
         adminEmail={loadedUser?.email}
         isRoute={isRoute}

components/vendor/OrderListing.js

@@ -114,7 +114,7 @@ const OrderListing = () => {
           name: item.attributes.end_user.data.attributes.name,
           quantity: item.attributes.quantity,
           status: item.attributes.status,
-          activityName: item.attributes.experience.data.attributes.name
+          activityName: item?.attributes?.experience?.data?.attributes?.name
         };
       });