Development

component/admin/AdminEventList.jsx

@@ -17,6 +17,21 @@ function AdminEventList({ events, refresh }) {
       notify(err?.response?.data?.message ?? err?.message, "error");
     }
   }
+
+  async function adminEventCheck(eventId, type) {
+    const updatedStatus = {
+      status: type
+    };
+    try {
+      const resp = await EventService.adminReviewEvent(eventId, updatedStatus);
+      if (resp) {
+        refresh();
+      }
+    } catch (error) {
+      notify(error?.response?.data?.message ?? error?.message, "error");
+    }
+  }
+
   const editevent = (id) => {
     router.push({
       pathname: "events/create-event",
@@ -49,23 +64,82 @@ function AdminEventList({ events, refresh }) {
                 <div className="flex ">
                   <Link href={`/e/${obj.slug}`}>
                     <a target="_blank">
+                      <div
+                        className={`flex items-center w-28 justify-center rounded-full h-8 mr-3 cursor-pointer  ${MyBlogStyles.draftedBg}`}
+                      >
+                        <>
+                          <div
+                            className={`w-2 h-2 mr-2 rounded-full  ${MyBlogStyles.draftedDot}`}
+                          ></div>
+
+                          <span
+                            className={`capitalize  ${MyBlogStyles.draftedText} `}
+                          >
+                            {obj.status === "published" ? "View" : "Preview"}
+                          </span>
+                        </>
+                      </div>
+                    </a>
+                  </Link>
+
+                  {obj.status == "published" ? (
                     <div
-                      className={`flex items-center w-28 justify-center rounded-full h-8 mr-3 cursor-pointer  ${MyBlogStyles.draftedBg}`}
+                      className={`flex items-center w-28 justify-center rounded-full h-8 mr-3  ${MyBlogStyles.publishedBg} `}
                     >
-                      <>
-                        <div
-                          className={`w-2 h-2 mr-2 rounded-full  ${MyBlogStyles.draftedDot}`}
-                        ></div>
-
+                      <span
+                        className={`capitalize ${MyBlogStyles.publishedText} `}
+                      >
+                        Published
+                      </span>
+                    </div>
+                  ) : obj.status == "rejected" ? (
+                    <div
+                      className={`flex items-center w-28 justify-center rounded-full h-8 mr-3 
+                 ${MyBlogStyles.dangerBg}`}
+                    >
+                      <span
+                        className={`capitalize  ${MyBlogStyles.dangerText}`}
+                      >
+                        Rejected
+                      </span>
+                    </div>
+                  ) : (
+                    <div className="flex items-center">
+                      <div
+                        onClick={() => adminEventCheck(obj.id, "rejected")}
+                        className={`flex items-center w-28 justify-center rounded-full h-8 mr-3 cursor-pointer hover:opacity-50 duration-500
+                     ${MyBlogStyles.dangerBg}`}
+                      >
                         <span
-                          className={`capitalize  ${MyBlogStyles.draftedText} `}
+                          className={`capitalize  ${MyBlogStyles.dangerText}`}
                         >
-                          {obj.status === "published" ? "View" : "Preview"}
+                          Reject
                         </span>
-                      </>
+                      </div>
+                      <div
+                        onClick={() => adminEventCheck(obj.id, "published")}
+                        className={`flex items-center w-28 justify-center rounded-full h-8 mr-3 cursor-pointer hover:opacity-50 duration-500 ${MyBlogStyles.successBg} `}
+                      >
+                        <span
+                          className={`capitalize ${MyBlogStyles.successText} `}
+                        >
+                          Publish
+                        </span>
+                      </div>
                     </div>
-                    </a>
-                  </Link>
+                  )}
+                  {obj.status == "published" && (
+                    <div
+                      onClick={() => adminEventCheck(obj.id, "pending")}
+                      className={`flex items-center w-28 justify-center rounded-full h-8 mr-3 cursor-pointer hover:opacity-50 duration-500 ${MyBlogStyles.warningBg} `}
+                    >
+                      <span
+                        className={`capitalize ${MyBlogStyles.warningText} `}
+                      >
+                        Unpublish
+                      </span>
+                    </div>
+                  )}
                   {/* {obj.status === "published" && (
                     <div
                       className={`flex items-center w-28 justify-center rounded-full h-8 mr-3  ${MyBlogStyles.publishedBg} `}

component/admin/AdminNavbar.jsx

@@ -86,11 +86,9 @@ export default function AdminNavbar({ changeTag, changeStatus, event }) {
               // closeMenuOnSelect={false}
             />
           )}
-          {event ? (
-            ""
-          ) : (
+          {
             <Select
-              options={statusOptions}
+              options={event ? statusOptions.slice(0, 4) : statusOptions}
               isMulti={false}
               onChange={(e) => selectStatus(e)}
               className={`basic-single postFilter md:block hidden m-0 outline-none focus:outline-none text-sm bg-gray-200 border rounded px-0 cursor-pointer  ${styles.min_w_10}`}
@@ -99,7 +97,7 @@ export default function AdminNavbar({ changeTag, changeStatus, event }) {
               placeholder="Select Status"
               // closeMenuOnSelect={false}
             />
-          )}
+          }
           {router.pathname.split("/")[2] === "events" && (
             <div className="bg-black h-8 ml-4 hover:bg-white border border-black text-white hover:text-black hidden md:flex items-center text-sm font-semibold px-4 py-2 md:mr-3 rounded-sm cursor-pointer duration-700 blogs_h_40px__3sE3c">
               <a href="/admin/events/create-event">Create Event</a>

component/admin/EventInfo.jsx

@@ -106,7 +106,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             className="bg-gray-100 p-4 rounded border-grayBorder border-2"
             name="event name"
             placeholder="Enter Event Name"
-            value={eventDetails.eventName}
+            value={eventDetails?.eventName}
             onChange={(e) =>
               setEventDetails((prev) => ({
                 ...prev,
@@ -116,7 +116,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             onBlur={(e) => eventNameValidation(e)}
           />
           {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-            {eventDetailsError.eventNameError}
+            {eventDetailsError?.eventNameError}
           </span>}
         </div>
         <div className="flex flex-col w-full ml-3">
@@ -131,7 +131,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             className="bg-gray-100 p-4 rounded border-grayBorder border-2"
             name="event location"
             placeholder="Paste location here"
-            value={eventDetails.eventLocation}
+            value={eventDetails?.eventLocation}
             onBlur={(e) => eventLocationValidation(e)}
             onChange={(e) =>
               setEventDetails((prev) => ({
@@ -141,7 +141,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             }
           />
           {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-            {eventDetailsError.eventLocationError}
+            {eventDetailsError?.eventLocationError}
           </span>}
         </div>
       </div>
@@ -159,10 +159,10 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
           }
 
           }
-          value={eventDetails.eventDescription}
+          value={eventDetails?.eventDescription}
         />
         {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-          {eventDetailsError.eventDescriptionError}
+          {eventDetailsError?.eventDescriptionError}
         </span>}
       </div>
       <div className="flex flex-col w-full mb-4">
@@ -174,14 +174,14 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
           className="bg-gray-100 p-4 rounded border-grayBorder border-2"
           name="event link"
           placeholder="Link Here"
-          value={eventDetails.eventLink}
+          value={eventDetails?.eventLink}
           onBlur={(e) => eventLinkValidation(e)}
           onChange={(e) =>
             setEventDetails((prev) => ({ ...prev, eventLink: e.target.value }))
           }
         />
         {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-          {eventDetailsError.eventLinkError}
+          {eventDetailsError?.eventLinkError}
         </span>}
       </div>
       <div className="flex justify-center item-center mb-5">
@@ -195,7 +195,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             min={new Date().toISOString().split('T')[0]}
             name="event date"
             placeholder="choose"
-            value={eventDetails.eventDate}
+            value={eventDetails?.eventDate}
             onBlur={(e) => eventDateValidation(e)}
             onChange={(e) =>
               setEventDetails((prev) => ({
@@ -205,7 +205,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             }
           />
           {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-            {eventDetailsError.eventDateError}
+            {eventDetailsError?.eventDateError}
           </span>}
         </div>
         <div className="flex flex-col w-full ml-3">
@@ -217,7 +217,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             className="bg-gray-100 p-4 rounded border-grayBorder border-2"
             name="event time"
             placeholder="choose"
-            value={eventDetails.eventTime}
+            value={eventDetails?.eventTime}
             onBlur={(e) => eventTimeValidation(e)}
             onChange={(e) =>
               setEventDetails((prev) => ({
@@ -227,7 +227,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
             }
           />
           {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-            {eventDetailsError.eventTimeError}
+            {eventDetailsError?.eventTimeError}
           </span>}
         </div>
       </div>
@@ -249,7 +249,7 @@ export default function EventInfo({ eventDetails, setEventDetails, eventDetailsE
         </label>
       </div>
       {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-        {eventDetailsError.eventImageError}
+        {eventDetailsError?.eventImageError}
       </span>}
     </div>
   );

component/admin/OrganizerInfo.jsx

@@ -37,7 +37,7 @@ const OrganizerInfo = ({ eventDetails, setEventDetails, eventDetailsError, setEv
       <div className="flex items-center">
         <div className="relative">
           <img
-            src={`${eventDetails.organizerImage ? eventDetails.organizerImage.name ? image : eventDetails.organizerImage
+            src={`${eventDetails?.organizerImage ? eventDetails.organizerImage.name ? image : eventDetails.organizerImage
                 : "/images/svgs/avatar.svg"
               }`}
             onClick={() => ref.current.click()}
@@ -60,7 +60,7 @@ const OrganizerInfo = ({ eventDetails, setEventDetails, eventDetailsError, setEv
               />
             </label>
             {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-                          {eventDetailsError.organizerImageError}
+                          {eventDetailsError?.organizerImageError}
                         </span>}
           </div>
         </div>
@@ -77,7 +77,7 @@ const OrganizerInfo = ({ eventDetails, setEventDetails, eventDetailsError, setEv
               className="bg-gray-100 p-4 rounded border-grayBorder border-2"
               name="organizer name"
               placeholder="Organizer Name"
-              value={eventDetails.organizerName}
+              value={eventDetails?.organizerName}
               onBlur={(e) => organizerNameValidation(e)}
               onChange={(e) =>
                 setEventDetails((prev) => ({
@@ -87,7 +87,7 @@ const OrganizerInfo = ({ eventDetails, setEventDetails, eventDetailsError, setEv
               }
             />
             {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-              {eventDetailsError.organizerNameError}
+              {eventDetailsError?.organizerNameError}
             </span>}
           </div>
           <div className="flex flex-col">
@@ -99,7 +99,7 @@ const OrganizerInfo = ({ eventDetails, setEventDetails, eventDetailsError, setEv
               className="bg-gray-100 p-4 rounded border-grayBorder border-2"
               name="Tag Line"
               placeholder="Tag here"
-              value={eventDetails.tagLine}
+              value={eventDetails?.tagLine}
               onBlur={(e) => organizerDesignationValidation(e)}
               onChange={(e) =>
                 setEventDetails((prev) => ({
@@ -109,7 +109,7 @@ const OrganizerInfo = ({ eventDetails, setEventDetails, eventDetailsError, setEv
               }
             />
             {<span className="flex items-center font-bold tracking-wide text-red-danger text-xs mt-1 ml-0">
-              {eventDetailsError.tagLineError}
+              {eventDetailsError?.tagLineError}
             </span>}
           </div>
         </div>