vendor and admin side changes admin giftcard status update, user experiences rat…

…ing , read more and % off remove

components/admin/GiftcardListing.js

 import { Fragment, useEffect, useState } from "react";
 import { Button, Image } from "react-bootstrap";
-import { getGiftCard } from "../../redux/actions/giftCardAction";
-import { useDispatch, useSelector } from "react-redux";
-import { Empty, Table } from "antd";
+import { Dropdown, Menu, Space, Table, Tag } from "antd";
 import axios from "axios";
-
+import { DownCircleOutlined, MoreOutlined } from "@ant-design/icons";
+import { getSession } from "next-auth/react";
+import { toast } from "react-toastify";
 const GiftcardListing = () => {
+  const [session, setSession] = useState()
+  const [update, setupdate] = useState(false)
+  useEffect(() => {
+    const fetchSession = async () => {
+      setSession(await getSession());
+    };
+    fetchSession();
+    // dispatch(getLoggedInVendor());
+  }, []);
   const [giftData, setGiftData] = useState([]);
   useEffect(() => {
     axios.get(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/gift-cards`).then((res) => {
@@ -24,7 +33,25 @@ const GiftcardListing = () => {
     }).catch((err) => {
       console.log(err)
     })
-    }, [])
+  }, [update])
+  const changeStatusFn = async ({ id, data }) => {
+    const config = {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${session.jwt}`
+      }
+    }
+    const giftdata = {
+      data
+    }
+
+    const response = await axios.put(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/gift-cards/${id}`, giftdata, config)
+    if (response.status == 200) {
+      toast.success("Status changed")
+      setupdate(!update)
+    }
+    console.log("response gift card", response);
+  }
   const columns = [
     {
       title: "Sender Email Address",
@@ -48,8 +75,77 @@ const GiftcardListing = () => {
       title: "Status",
       dataIndex: "status",
       key: "status",
-            render: text => <a>{text}</a>
+      render: tag => (
+        <span>
+          {tag == "rejected" ? (
+            <Tag color={"red"} key={tag}>
+              {tag.toUpperCase()}
+            </Tag>
+          ) : (
+            <Tag color={"blue"} key={tag}>
+              {tag === "fulfilled" ? "APPROVED" : tag.toUpperCase()}
+            </Tag>
+          )}
+        </span>
+      )
     },
+    {
+      title: 'Actions',
+      width: 100,
+      dataIndex: 'key',
+      key: 'key',
+      render: (_, record) => (
+        <Space size="middle">
+          {/* <a>Invite {record.name}</a> */}
+          <Dropdown
+            menu={{
+              items: [
+
+                {
+                  key: "1",
+                  label: (
+                    <a
+                      rel="noopener noreferrer"
+                      onClick={async () => {
+                        console.log("record", record);
+                        await changeStatusFn({ id: record.key, data: { status: "fulfilled" } })
+                        // setrejectionId(record.key);
+                        // adminActions({ type: "reject", activityId: record.key });
+                      }}
+                    >
+                      Approve
+                    </a>
+                  )
+                },
+                {
+                  key: "2",
+                  label: (
+                    <a
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      onClick={async () => {
+                        console.log("record", record);
+                        await changeStatusFn({ id: record.key, data: { status: "rejected" } })
+                        // setrejectionId(record.key);
+                        // adminActions({ type: "reject", activityId: record.key });
+                      }}
+                    >
+                      Reject
+                    </a>
+                  )
+                }
+              ]
+            }}
+            placement="bottomLeft"
+            trigger={['click']}
+          >
+            <button className="btn border-0">
+              <DownCircleOutlined style={{ fontSize: "20px", color: "#08c" }} onClick={() => { }} />
+            </button>
+          </Dropdown>
+        </Space>
+      )
+    }
   ]
   return (
     <Fragment>

components/detail/WIshlistComponent.js

@@ -13,7 +13,7 @@ const WishlistComponent = ({ activityId, userId }) => {
     wishlists &&
       wishlists.length > 0 &&
       wishlists.map(item => {
-        if (item.attributes.experience.data.id == activityId) {
+        if (item?.attributes?.experience?.data?.id == activityId) {
           setisActive(true);
           setwishlistId(item.id);
         }

components/home/BrowseExperiences.js

@@ -93,12 +93,12 @@ const BrowseExperiences = ({ allActivitiesData }) => {
                                 <div className="top-name">
                                   <div className="title">{data?.attributes?.name}</div>
                                   <div className="rating-wishlist">
-                                    <div className="rating">
+                                    {/* <div className="rating">
                                       <span className="number">{data?.attributes?.rating}</span>
                                       <span className="image-container">
                                         <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
                                       </span>
-                                    </div>
+                                    </div> */}
                                     <div className="wishlist">
                                       {endUser && <WishlistComponent activityId={data.id} userId={endUser.id} />}
                                       {/* <span className="image-container">
@@ -108,10 +108,12 @@ const BrowseExperiences = ({ allActivitiesData }) => {
                                   </div>
                                 </div>
                                 <div className="discription">
-                                  <span>{data?.attributes?.description}</span> <a href="/detail">Read More</a>
+                                  <span>{data?.attributes?.description}</span> 
+                                  {/* <a href="/detail">Read More</a> */}
                                 </div>
                                 <div className="price">
-                                  ${data?.attributes?.pricePerPerson} <span className="off">{data?.attributes?.off}% OFF</span>
+                                  ${data?.attributes?.pricePerPerson} 
+                                  {/* <span className="off">{data?.attributes?.off}% OFF</span> */}
                                 </div>
                                 <div className="detail">
                                   <div className="">For 1 Night</div>

components/layout/Generics/GenericHeader.js

@@ -3,6 +3,7 @@ import Image from "next/image"
 import { useRouter } from "next/router";
 import { signOut } from "next-auth/react";
 import { UserOutlined } from '@ant-design/icons';
+import { ToastContainer } from "react-toastify";
 export const GenericHeader = ({ venderBusiness, venderEmail, businessLogo, adminName, adminEmail, isRoute }) => {
     const router = useRouter();
     const VenderDetails = () => {
@@ -14,7 +15,7 @@ export const GenericHeader = ({ venderBusiness, venderEmail, businessLogo, admin
                 </div>
                 :
                 <div className="d-flex align-items-center gap-3">
-                    <Image src={businessLogo} height={50} width={70} objectFit="contain"/>
+                    <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>
@@ -51,6 +52,7 @@ export const GenericHeader = ({ venderBusiness, venderEmail, businessLogo, admin
                 '-moz-box-shadow': '0px 4px 1px -3px rgba(0,0,0,0.56)'
             }}
         >
+
             <Image loading="lazy" objectFit="contain" height={50} width={100} alt="" className="" src="/images/main-logo.svg" />
             <div className="d-flex align-items-center gap-5">
                 {isRoute === 'vendor' && <VenderDetails />}

components/layout/Generics/GenericLayout.js

@@ -6,7 +6,7 @@ import { GenericHeader } from "./GenericHeader";
 import { GenericSidebar } from "./GenericSidebar";
 import { getActivitiesForAdmin } from "../../../redux/actions/activityAction";
 import { useRouter } from "next/router";
-import { ToastContainer } from "react-bootstrap";
+import { ToastContainer } from "react-toastify";
 
 export const GenericLayout = ({ children }) => {
   const dispatch = useDispatch();