Merge pull request #33 from MohamedRizwan399/develop

MASTER - TRAPWLS-19 Bugs fixed and improvements done

Author: MohamedRizwan399

package.json

@@ -1,6 +1,6 @@
 {
   "name": "javascript-crud-with-sampletasks",
-  "version": "1.0",
+  "version": "2.0.0",
   "homepage": "https://mohamedrizwan399.github.io/CRUDJavaScriptSampleProject",
   "private": true,
   "dependencies": {
@@ -11,7 +11,7 @@
     "axios": "^1.7.7",
     "cors": "^2.8.5",
     "firebase": "^11.0.1",
-    "gh-pages": "^6.2.0",
+    "gh-pages": "^6.3.0",
     "jest": "^27.5.1",
     "jwt-decode": "^3.1.2",
     "nodemon": "^3.1.7",

src/IssueManagement/IssueCrud/IssueCreationPage.jsx

@@ -100,6 +100,11 @@ export const IssueCreationPage = () => {
             }
 
             if (insertbool) {
+                const isIdAlreadyExists = issues?.find(issue => issue?.id === id);
+                if(isIdAlreadyExists !== undefined && isIdAlreadyExists?.id === id) {
+                    alert("ID is already Exists. Check your created issues list to edit or create new issue using different Id.")
+                    return;
+                }
                 setissues([...issues, issue]);
             } else {
                 const editable = JSON.parse(localStorage.getItem("issueData"));
@@ -140,14 +145,8 @@ export const IssueCreationPage = () => {
                     }<br></br><br></br>
 
                     End date:&emsp;&emsp;&emsp;
-                    <select id="selectend" onChange={(e)=>setEndDate(e.target.value)} value={enddate}>
-                        <option></option>
-                        <option>OCT 1</option>
-                        <option>OCT 2</option>
-                        <option>OCT 3</option>
-                        <option>OCT 3</option>
-                        <option>OCT 5</option>
-                    </select>
+                    <input id="selectend" type="date" onChange={(e)=>setEndDate(e.target.value)} value={enddate}/>
+
                     {errorenddate?
                         <label>Select End Date for this issue*</label>:""
                     }<br></br><br></br>
@@ -181,7 +180,7 @@ export const IssueCreationPage = () => {
                         <option></option>
                         <option>OPEN</option>
                         <option>INPROGRESS</option>
-                        <option>CLOSED</option>
+                        {!insertbool && <option>CLOSED</option>}
                     </select>
                     {errorstatus?
                         <label>Please select the status*</label>:""

src/homePage/Demo.jsx

@@ -31,7 +31,7 @@ class Demo extends React.Component{
             <div className="othertask-container">
                 <div className="instantChange-container">
                     Enter your Name: <input type="text" onChange={e => this.inputchange(e, "name")} />
-                    Enter your Age: <input type="number" onChange={e => this.inputchange(e, "age")} />
+                    Enter your Age: <input type="range" min="1" max="99" onChange={e => this.inputchange(e, "age")} />
 
                     <h1>Name: {name}<br/> Your Age: {age}</h1>
                 </div>