amy/donetick-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add password change modal to Settings page

Browse source
This commit is contained in:
Mo Tarbin 2024-11-17 14:08:05 -05:00
parent c3a03f7163
commit ea4c687d34
2 changed files with 153 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/views/Settings/Settings.jsx
View file

@ -24,7 +24,9 @@ import {
GetUserProfile,
JoinCircle,
LeaveCircle,
UpdatePassword,
} from '../../utils/Fetcher'
import PassowrdChangeModal from '../Modals/Inputs/PasswordChangeModal'
import APITokenSettings from './APITokenSettings'
import NotificationSetting from './NotificationSetting'
import ThemeToggle from './ThemeToggle'
@ -35,6 +37,7 @@ const Settings = () => {
const [circleMemberRequests, setCircleMemberRequests] = useState([])
const [circleInviteCode, setCircleInviteCode] = useState('')
const [circleMembers, setCircleMembers] = useState([])
const [changePasswordModal, setChangePasswordModal] = useState(false)
useEffect(() => {
GetUserProfile().then(resp => {
resp.json().then(data => {
@ -365,6 +368,39 @@ const Settings = () => {
</Button>
)}
</Box>
{import.meta.env.VITE_IS_SELF_HOSTED === 'true' && (
<Box>
<Typography level='title-md' mb={1}>
Password :
</Typography>
<Typography mb={1} level='body-sm'></Typography>
<Button
variant='soft'
onClick={() => {
setChangePasswordModal(true)
}}
>
Change Password
</Button>
{changePasswordModal ? (
<PassowrdChangeModal
isOpen={changePasswordModal}
onClose={password => {
if (password) {
UpdatePassword(password).then(resp => {
if (resp.ok) {
alert('Password changed successfully')
} else {
alert('Password change failed')
}
})
}
setChangePasswordModal(false)
}}
/>
) : null}
</Box>
)}
</div>
<NotificationSetting />
<APITokenSettings />