add buttons
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
import { useState, useEffect } from 'react';
|
import { useState, useEffect } from 'react';
|
||||||
import { getUserTasks } from '@/api/users.service';
|
import { getUserTasks } from '@/api/users.service';
|
||||||
|
import { Button } from '@/components/ui/button';
|
||||||
|
|
||||||
export default function Calendar() {
|
export default function Calendar() {
|
||||||
const [tasksFromBackend, setTasksFromBackend] = useState([]);
|
const [tasksFromBackend, setTasksFromBackend] = useState([]);
|
||||||
@@ -100,7 +101,7 @@ export default function Calendar() {
|
|||||||
<p className="dashboard-day-date">{day.month} {day.date}</p>
|
<p className="dashboard-day-date">{day.month} {day.date}</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="dashboard-tasks-container">
|
<div className="dashboard-tasks-container">
|
||||||
{day.tasks.length > 0 ? (
|
{
|
||||||
day.tasks.map((task) => (
|
day.tasks.map((task) => (
|
||||||
<div
|
<div
|
||||||
key={task.id}
|
key={task.id}
|
||||||
@@ -112,9 +113,12 @@ export default function Calendar() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))
|
))
|
||||||
) : (
|
}
|
||||||
<p className="dashboard-no-tasks">No tasks</p>
|
<Button variant="outline" onClick={() => {
|
||||||
)}
|
console.log('Add task clicked');
|
||||||
|
}}>
|
||||||
|
+
|
||||||
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user