aboutsummaryrefslogtreecommitdiffstats
path: root/src/views
diff options
context:
space:
mode:
authorLibravatar Mo Tarbin <mhed.t91@gmail.com>2024-07-14 17:56:18 -0400
committerLibravatar Mo Tarbin <mhed.t91@gmail.com>2024-07-14 17:56:18 -0400
commit7a490116b70894ce00e71c7dd0c9dc71f8b72a5a (patch)
tree4532d1e498d2b26241cefc6e15b0e05c589f7e66 /src/views
parentbc741d920ad1babf355ea95c78d65bb1cc143d0b (diff)
downloaddonetick-frontend-7a490116b70894ce00e71c7dd0c9dc71f8b72a5a.tar.gz
donetick-frontend-7a490116b70894ce00e71c7dd0c9dc71f8b72a5a.tar.bz2
donetick-frontend-7a490116b70894ce00e71c7dd0c9dc71f8b72a5a.zip
Add missing useNavigate hook in ChoreView component
Diffstat (limited to 'src/views')
-rw-r--r--src/views/ChoreEdit/ChoreView.jsx28
1 files changed, 19 insertions, 9 deletions
diff --git a/src/views/ChoreEdit/ChoreView.jsx b/src/views/ChoreEdit/ChoreView.jsx
index 9e3357b..0e88016 100644
--- a/src/views/ChoreEdit/ChoreView.jsx
+++ b/src/views/ChoreEdit/ChoreView.jsx
@@ -30,7 +30,7 @@ import {
} from '@mui/joy'
import moment from 'moment'
import { useEffect, useState } from 'react'
-import { useParams, useSearchParams } from 'react-router-dom'
+import { useNavigate, useParams, useSearchParams } from 'react-router-dom'
import {
GetAllUsers,
GetChoreDetailById,
@@ -48,7 +48,7 @@ const IconCard = styled('div')({
})
const ChoreView = () => {
const [chore, setChore] = useState({})
-
+ const navigate = useNavigate()
const [performers, setPerformers] = useState([])
const [infoCards, setInfoCards] = useState([])
const { choreId } = useParams()
@@ -266,6 +266,9 @@ const ChoreView = () => {
color='success'
variant='outlined'
fullWidth
+ onClick={() => {
+ navigate(`/chores/${choreId}/history`)
+ }}
>
History
</Button>
@@ -277,6 +280,9 @@ const ChoreView = () => {
color='success'
variant='outlined'
fullWidth
+ onClick={() => {
+ navigate(`/chores/${choreId}/edit`)
+ }}
>
Edit
</Button>
@@ -333,9 +339,11 @@ const ChoreView = () => {
}
}}
overlay
- sx={{
- my: 1,
- }}
+ sx={
+ {
+ // my: 1,
+ }
+ }
label={<Typography level='body2'>Set completion date</Typography>}
/>
</FormControl>
@@ -349,21 +357,23 @@ const ChoreView = () => {
}}
/>
)}
- {completedDate === null && (
- // placeholder for the completion date with margin:
+
+ {/* {completedDate === null && (
+ // placeholder for the completion date with margin:
+
<Box
sx={{
height: 56,
}}
/>
- )}
+ )} */}
<Button
fullWidth
size='lg'
sx={{
height: 50,
- mb: 2,
+ // mb: 2,
}}
onClick={handleTaskCompletion}
disabled={isPendingCompletion}