..

components/admin/Enquiries.js

+import React from 'react'
+
+const Enquiries = () => {
+  return (
+    <div>Enquiries</div>
+  )
+}
+
+export default Enquiries
\ No newline at end of file

components/admin/GiftcardListing.js

@@ -155,11 +155,11 @@ const GiftcardListing = () => {
             <h2 style={{ fontSize: 28 }}>Gift Card Requests</h2>
             <p>View all the gift cards</p>
           </div>
-          <div>
+          {/* <div>
             <Button type="button" variant="" className="btnAdd m-0">
               <Image alt="" width="16" height="16" src="/images/vendor/icon-filter.svg" className="me-2" /> Filter
             </Button>
-          </div>
+          </div> */}
         </div>
         <Table columns={columns} dataSource={giftData} />
       </div>

components/layout/AdminDashboardSidebar.js

@@ -14,16 +14,7 @@ const Sidebar = () => {
 
   return (
     <div className={`sidebar ${collapsed ? "collapsed" : ""}`}>
-      {/* <button className="toggle-btn" onClick={toggleSidebar}>
-        Toggle Sidebar
-      </button> */}
       <ul>
-        {/* <li className={router.pathname === "/admin/orders" ? "active" : ""}>
-                    <a href="/admin/orders">
-                        <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
-                        <span>Orders</span>
-                    </a>
-                </li> */}
         <li className={router.pathname === "/admin/activities" ? "active" : ""}>
           <Link prefetch href="/admin/activities">
             <div>

components/vendor/ActivityListingRBAC.js

@@ -166,7 +166,7 @@ export const ActivityListingRBAC = ({ setactivityDetailInfo, setShowActivityDeta
           price: item.attributes.pricePerPerson,
           place: item.attributes.activityType,
           gift: item.attributes.giftSomeone ? "Yes" : "No",
-          status: item.attributes.approved
+          status: [item.attributes.approved]
         };
       });
 
@@ -214,10 +214,45 @@ export const ActivityListingRBAC = ({ setactivityDetailInfo, setShowActivityDeta
           width: "15%"
         },
         {
-          title: "Place",
-          dataIndex: "place",
-
-          width: "15%"
+          title: "Status",
+          key: "status",
+          dataIndex: "status",
+          render: (_, { status }) => (
+            <>
+              {status.map(tag => {
+                // console.log("tag", tag);
+                let color;
+                // if (tag === "loser") {
+                //   color = "volcano";
+                // }
+                switch (tag) {
+                  case "approved":
+                    color = "green";
+                    break;
+                  case "pending":
+                    color = "orange";
+                    break;
+    
+                  case "none":
+                    color = "red";
+                    break;
+    
+                  case "rejected":
+                    color = "red";
+                    break;
+    
+                  default:
+                    break;
+                }
+                // console.log("color", color);
+                return (
+                  <Tag color={color} key={tag}>
+                    {tag?.toString().toUpperCase()}
+                  </Tag>
+                );
+              })}
+            </>
+          )
         },
         {
           title: "Action",
@@ -432,7 +467,7 @@ export const ActivityListingRBAC = ({ setactivityDetailInfo, setShowActivityDeta
   return (
     <div className="p-5">
       <Table
-      loading={loading}
+        loading={loading}
         rowSelection={rowSelection}
         columns={columns}
         dataSource={data}

pages/admin/enquiries/index.js

+import React, { useEffect, useState } from "react";
+import { GenericLayout } from "../../../components/layout/Generics/GenericLayout";
+import { wrapper } from "../../../redux/store";
+
+export default function Enquiries() {
+ 
+  return (
+    <GenericLayout>
+      
+    </GenericLayout>
+  );
+}
+
+/** For server side rendering */
+export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
+  return {
+    props: {}
+  };
+});

pages/vendor/activities/index.js

-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import Layout from "../../../components/layout/Layout";
 import { wrapper } from "../../../redux/store";
 import Sidebar from "../../../components/layout/VendorDashboardSidebar";