WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

change pwd page updated

Browse Source
This commit is contained in:
victorAnumudu
2024-10-09 21:09:00 +01:00
parent 4376938217
commit db423a3f1e
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Settings/Tabs/ChangePasswordTab.jsx
+5 -5
View File
@@ -2,7 +2,7 @@
import React, { useState } from "react"; import React, { useState } from "react";
import Icons from "../../Helpers/Icons"; import Icons from "../../Helpers/Icons";
import PasswordSvg from "../PasswordSvg"; // import PasswordSvg from "../PasswordSvg";
import LoadingSpinner from "../../Spinners/LoadingSpinner"; import LoadingSpinner from "../../Spinners/LoadingSpinner";
import usersService from "../../../services/UsersService"; import usersService from "../../../services/UsersService";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
@@ -202,10 +202,10 @@ export default function ChangePasswordTab() {
</div> </div>
</div> </div>
</div> </div>
<div className="flex justify-center space-x-4 items-center"> <div className="flex justify-between gap-4 items-center">
<button <button
type="button" type="button"
className="text-light-red text-18 tracking-wide border-b dark:border-[#5356fb29] border-light-red" className="md:ml-32 text-light-red text-18 tracking-wide border-b dark:border-[#5356fb29] border-light-red"
disabled={requestStatus.loading} disabled={requestStatus.loading}
onClick={handleCancel} onClick={handleCancel}
> >
@@ -246,9 +246,9 @@ export default function ChangePasswordTab() {
))} ))}
{/* End of error or success display */} {/* End of error or success display */}
</div> </div>
<div className="w-[440px] sm:flex hidden justify-end"> {/* <div className="w-[440px] sm:flex hidden justify-end">
<PasswordSvg /> <PasswordSvg />
</div> </div> */}
</div> </div>
</div> </div>
); );
src/components/customTabs/TabButton.jsx
+1 -1
View File
@@ -4,7 +4,7 @@ import Icons from '../Helpers/Icons'
export default function TabButton({ item='', iconName='', selectedTab='', setSelectedTab=()=>{} }) { export default function TabButton({ item='', iconName='', selectedTab='', setSelectedTab=()=>{} }) {
return ( return (
<button <button
className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${ className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
selectedTab === item ? "text-purple" : " text-thin-light-gray" selectedTab === item ? "text-purple" : " text-thin-light-gray"
}`} }`}
value={item} value={item}