From 3d2c33f968d2fb4cf422095b1a4fec463f259d32 Mon Sep 17 00:00:00 2001
From: leishaaf <152096600+leishaaf@users.noreply.github.com>
Date: Sat, 28 Jun 2025 21:31:58 -1000
Subject: [PATCH] changed input box

---
 src/APIFunctions/Advertisement.js             |  8 +--
 src/Pages/Advertisement/AdvertisementAdmin.js | 66 ++++++++-----------
 2 files changed, 33 insertions(+), 41 deletions(-)

diff --git a/src/APIFunctions/Advertisement.js b/src/APIFunctions/Advertisement.js
index 871accdd4..9a29f6f64 100644
--- a/src/APIFunctions/Advertisement.js
+++ b/src/APIFunctions/Advertisement.js
@@ -5,7 +5,7 @@ import { BASE_API_URL } from '../Enums';
 
 export async function getAd() {
   let status = new ApiResponse();
-  await axios.get(BASE_API_URL + '/api/Advertisement/')
+  await axios.get(BASE_API_URL + 'api/Advertisement/')
     .then(res => {
       status.responseData = res.data;
     }).catch(err => {
@@ -17,7 +17,7 @@ export async function getAd() {
 
 export async function getAds(token) {
   let status = new ApiResponse();
-  await axios.get(BASE_API_URL + '/api/Advertisement/getAllAdvertisements',
+  await axios.get(BASE_API_URL + 'api/Advertisement/getAllAdvertisements',
     {
       headers: {
         Authorization: `Bearer ${token}`
@@ -35,7 +35,7 @@ export async function getAds(token) {
 
 export async function createAd(newAd, token) {
   let status = new ApiResponse();
-  await axios.post(BASE_API_URL + '/api/Advertisement/createAdvertisement',
+  await axios.post(BASE_API_URL + 'api/Advertisement/createAdvertisement',
     newAd,
     {
       headers: {
@@ -53,7 +53,7 @@ export async function createAd(newAd, token) {
 
 export async function deleteAd(newAd, token) {
   let status = new ApiResponse();
-  await axios.post(BASE_API_URL + '/api/Advertisement/deleteAdvertisement',
+  await axios.post(BASE_API_URL + 'api/Advertisement/deleteAdvertisement',
     newAd,
     {
       headers: {
diff --git a/src/Pages/Advertisement/AdvertisementAdmin.js b/src/Pages/Advertisement/AdvertisementAdmin.js
index 425b6c9ad..e315afa5c 100644
--- a/src/Pages/Advertisement/AdvertisementAdmin.js
+++ b/src/Pages/Advertisement/AdvertisementAdmin.js
@@ -6,9 +6,15 @@ export default function AdvertisementAdmin(props) {
 
   const [ads, setAds] = useState([]);
   const [message, setMessage] = useState('');
-  const [year, setYear] = useState();
-  const [month, setMonth] = useState();
-  const [day, setDay] = useState();
+  // const [year, setYear] = useState();
+  // const [month, setMonth] = useState();
+  // const [day, setDay] = useState();
+  const [expireDate, setExpireDate] = useState();
+  // const [expDate, setExpDate] = useState({
+  //   year: '',
+  //   month: '',
+  //   day: ''
+  // });
 
   async function getAdsFromDB() {
     const adsFromDB = await getAds(props.user.token);
@@ -19,19 +25,22 @@ export default function AdvertisementAdmin(props) {
 
   async function createAdHandler() {
     // make sure empty inputs are properly set as undefined if empty
-    if (year === '') {
-      setYear(undefined);
-    }
-    if (month === '') {
-      setMonth(undefined);
-    }
-    if (day === '') {
-      setDay(undefined);
-    }
+    // if (year === '') {
+    //   setYear(undefined);
+    // }
+    // if (month === '') {
+    //   setMonth(undefined);
+    // }
+    // if (day === '') {
+    //   setDay(undefined);
+    // }
 
-    let expireDate = new Date(year, month - 1, day);
-    if (isNaN(expireDate.getTime())) {
-      expireDate = undefined;
+    // let expireDate = new Date(year, month - 1, day);
+    // if (isNaN(expireDate.getTime())) {
+    //   expireDate = undefined;
+    // }
+    if(expireDate === null){
+      setExpireDate(undefined);
     }
 
     await createAd({
@@ -100,27 +109,10 @@ export default function AdvertisementAdmin(props) {
         </div>
         <div className="flex items-center space-x-4 mb-6">
           <input
-            className="flex-1 text-sm input input-bordered sm:text-base"
-            type="text"
-            placeholder="Year"
-            onChange={event => {
-              setYear(event.target.value);
-            }}
-          />
-          <input
-            className="flex-1 text-sm input input-bordered sm:text-base"
-            type="text"
-            placeholder="Month"
-            onChange={event => {
-              setMonth(event.target.value);
-            }}
-          />
-          <input
-            className="flex-1 text-sm input input-bordered sm:text-base"
-            type="text"
-            placeholder="Day"
-            onChange={event => {
-              setDay(event.target.value);
+            className='flex-1 text-sm input input-bordered sm:text-base'
+            type='date'
+            onChange={ event => {
+              setExpireDate(event.target.value);
             }}
           />
           <button
@@ -175,4 +167,4 @@ export default function AdvertisementAdmin(props) {
       </div>
     </div>
   );
-}
+}
\ No newline at end of file