Added modal for archiving ad

src/components/Ads/ApplyForAd.js

@@ -158,7 +158,7 @@ const ApplyForAd = ({ open, title, adId, onCloseModal }) => {
 ApplyForAd.propTypes = {
   open: PropTypes.bool,
   title: PropTypes.string,
-  adId: PropTypes.number,
+  adId: PropTypes.string,
   onCloseModal: PropTypes.func,
 };
 

src/components/Section/MainContainer.js

@@ -4,6 +4,7 @@ import { useLocation } from "react-router-dom";
 import Navbar from "../../components/MUI/NavbarComponent";
 import { FormProvider } from "../../context/FormContext";
 import { SelectionProvider } from "../../context/SelectionContext";
+import { CREATE_AD_PAGE } from "../../constants/pages";
 // import AppRoutes from "../../AppRoutes";
 
 const urls = [
@@ -34,7 +35,9 @@ const MainContainer = ({ children }) => {
   ) : (
     <div className="">
       <Navbar />
-      <div className="h-withHeader">{children}</div>
+      <div className={pathname === CREATE_AD_PAGE ? "" : 'h-withHeader'}>
+        {children}
+      </div>
     </div>
   );
 };

src/pages/AdsPage/AdDetailsPage.js

@@ -22,12 +22,14 @@ import archiveIcon from "../../assets/images/archive.png";
 import ApplyForAd from "../../components/Ads/ApplyForAd";
 import { useState } from "react";
 import parse from "html-react-parser";
+import ConfirmDialog from "../../components/MUI/ConfirmDialog";
 
 const AdDetailsPage = () => {
   const theme = useTheme();
   const matches = useMediaQuery(theme.breakpoints.down("sm"));
   const { id } = useParams();
   const [applyForAdOpenModal, setApplyForAdOpenModal] = useState(false);
+  const [showArchiveAdDialog, setShowArchiveAdDialog] = useState(false);
   const ad = useSelector(selectAd);
   const dispatch = useDispatch();
   const { t } = useTranslation();
@@ -135,7 +137,7 @@ const AdDetailsPage = () => {
               </div>
               {!(new Date(ad.expiredAt) < new Date()) && (
                 <IconButton
-                  onClick={archiveAdHandler}
+                  onClick={() => setShowArchiveAdDialog(true)}
                   className={`c-btn--primary-outlined editEnableBtn c-btn userPageBtn
               }`}
                 >
@@ -151,6 +153,17 @@ const AdDetailsPage = () => {
                 </IconButton>
               )}
             </div>
+            <ConfirmDialog
+              open={showArchiveAdDialog}
+              title={"Arhiviranje oglasa"}
+              subtitle={ad.title}
+              imgSrc={archiveIcon}
+              content="Da li ste sigurni da želite da arhivirate oglas?"
+              onClose={() => {
+                setShowArchiveAdDialog(false);
+              }}
+              onConfirm={() => archiveAdHandler()}
+            />
             <div className="ad-details-content">
               <div className="ad-details-content-experience">
                 <p>

src/pages/AdsPage/CreateAdThirdStep.js

@@ -22,7 +22,7 @@ const CreateAdThirdStep = ({ childRef }) => {
   }
 
   return (
-    <div style={{ padding: "50rem 0 0 0" }}>
+    <div>
       <div className="create-ad-form-control">
         <label>Glavna zaduženja</label>
         <Editor