task table fixed

This commit is contained in:
Sibunnayak 2024-11-15 10:50:04 +05:30
parent 1aac5f664f
commit f2ebae81b0

View File

@ -122,7 +122,7 @@ const Tasks = () => {
<label>TM Name:</label> <label>TM Name:</label>
<input <input
type="text" type="text"
placeholder="Trade name" placeholder="TM name"
className="form-control" className="form-control"
ref={tmnameRef} ref={tmnameRef}
onChange={handleSearchChange} onChange={handleSearchChange}
@ -133,7 +133,7 @@ const Tasks = () => {
<label>SC Name:</label> <label>SC Name:</label>
<input <input
type="text" type="text"
placeholder="Trade name" placeholder="SC name"
className="form-control" className="form-control"
ref={scnameRef} ref={scnameRef}
onChange={handleSearchChange} onChange={handleSearchChange}
@ -174,9 +174,9 @@ const Tasks = () => {
<option value="Completed">Completed</option> <option value="Completed">Completed</option>
</select> </select>
</div> </div>
</div> </div>
<style jsx>{` <style jsx>{`
@media (max-width: 1200px) { @media (max-width: 1200px) {
.col-lg-1 { .col-lg-1 {
flex: 0 0 20%; flex: 0 0 20%;
@ -205,7 +205,7 @@ const Tasks = () => {
max-width: 100%; max-width: 100%;
} }
} }
`}</style> `}</style>
<div className="table-responsive table-shoot mt-3"> <div className="table-responsive table-shoot mt-3">
<table <table
@ -230,7 +230,7 @@ const Tasks = () => {
className="text-start" className="text-start"
style={{ border: "1px solid" }} style={{ border: "1px solid" }}
> >
Due Date Task Assigned Date
</th> </th>
<th <th
className="text-start" className="text-start"
@ -250,6 +250,12 @@ const Tasks = () => {
> >
Sales Coordinator Sales Coordinator
</th> </th>
<th
className="text-start"
style={{ border: "1px solid" }}
>
Due Date
</th>
<th <th
className="text-start" className="text-start"
style={{ border: "1px solid" }} style={{ border: "1px solid" }}
@ -283,7 +289,7 @@ const Tasks = () => {
className="text-start" className="text-start"
style={{ border: "1px solid" }} style={{ border: "1px solid" }}
> >
{new Date(task.taskDueDate).toLocaleString( {new Date(task.createdAt).toLocaleString(
"en-IN", "en-IN",
{ {
month: "short", month: "short",
@ -310,6 +316,19 @@ const Tasks = () => {
> >
{task.taskAssignedTo.name} {task.taskAssignedTo.name}
</td> </td>
<td
className="text-start"
style={{ border: "1px solid" }}
>
{new Date(task.taskDueDate).toLocaleString(
"en-IN",
{
month: "short",
day: "numeric",
year: "numeric",
}
)}
</td>
<td <td
className="text-start" className="text-start"
style={{ border: "1px solid" }} style={{ border: "1px solid" }}