page update client infoirmation

src/front/Components/DesignSystem/UserFolder/UserFolderHeader/index.tsx

@@ -5,20 +5,24 @@ import Typography, { ITypo } from "../../Typography";
 import Image from "next/image";
 import PenIcon from "@Assets/Icons/pen.svg";
 import WarningBadge from "../../WarningBadge";
+import Link from "next/link";
 
 type IProps = {
 	contact: {
+		uid: Contact["uid"];
 		first_name: Contact["first_name"];
 		last_name: Contact["last_name"];
 		phone_number: Contact["phone_number"];
 		cell_phone_number: Contact["cell_phone_number"];
 		email: Contact["email"];
 	};
+	selectedFolderUid: string;
 };
 type IState = {};
 
-export default class UserFolderHeader extends React.Component<IProps, IState> {
+export default class UserFolderHeaderClass extends React.Component<IProps, IState> {
 	public override render(): JSX.Element {
+		const redirectPath = "/folder/".concat(this.props.selectedFolderUid, "/update/client/", this.props.contact.uid);
 		return (
 			<div className={classes["root"]}>
 				<div className={classes["content"]}>
@@ -47,7 +51,9 @@ export default class UserFolderHeader extends React.Component<IProps, IState> {
 				</div>
 				<div className={classes["icons"]}>
 					<WarningBadge />
-					<Image src={PenIcon} alt="edit" className={classes["edit-icon"]} onClick={this.onEditClick} />
+					<Link href={redirectPath}>
+						<Image src={PenIcon} alt="edit" className={classes["edit-icon"]} onClick={this.onEditClick} />
+					</Link>
 				</div>
 			</div>
 		);

src/front/Components/DesignSystem/UserFolder/index.tsx

@@ -60,7 +60,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
 				</Confirm>
 
 				<div className={classes["header"]} onClick={this.toggleOpen}>
-					<UserFolderHeader contact={this.props.customer.contact} />
+					<UserFolderHeader contact={this.props.customer.contact} selectedFolderUid={this.props.folder.uid} />
 					<Image
 						src={ChevronIcon}
 						alt="chevron open close"

src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx

@@ -126,7 +126,7 @@ class AddClientToFolderClass extends BasePage<IProps, IState> {
 
 export default function AddClientToFolder() {
 	const router = useRouter();
-	let { uid } = router.query;
+	let { folderUid } = router.query;
-	uid = uid as string;
+	folderUid = folderUid as string;
-	return <AddClientToFolderClass selectedFolderUid={uid} />;
+	return <AddClientToFolderClass selectedFolderUid={folderUid} />;
 }

src/front/Components/Layouts/Folder/FolderInformation/index.tsx

@@ -121,7 +121,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 
 export default function FolderInformation() {
 	const router = useRouter();
-	let { uid } = router.query;
+	let { folderUid } = router.query;
-	uid = uid as string;
+	folderUid = folderUid as string;
-	return <FolderInformationClass selectedFolderUid={uid} />;
+	return <FolderInformationClass selectedFolderUid={folderUid} />;
 }

src/front/Components/Layouts/Folder/UpdateClient/index.tsx

@@ -62,7 +62,7 @@ class UpdateClientClass extends BasePage<IProps, IState> {
 
 export default function UpdateClient() {
 	const router = useRouter();
-	let { uid } = router.query;
+	let { folderUid } = router.query;
-	uid = uid as string;
+	folderUid = folderUid as string;
-	return <UpdateClientClass selectedFolderUid={uid} />;
+	return <UpdateClientClass selectedFolderUid={folderUid} />;
 }

src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx

@@ -58,7 +58,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
 
 export default function UpdateFolderDescription() {
 	const router = useRouter();
-	let { uid } = router.query;
+	let { folderUid } = router.query;
-	uid = uid as string;
+	folderUid = folderUid as string;
-	return <UpdateFolderDescriptionClass selectedFolderUid={uid} />;
+	return <UpdateFolderDescriptionClass selectedFolderUid={folderUid} />;
 }

src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx

@@ -80,7 +80,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 
 export default function UpdateFolderMetadata() {
 	const router = useRouter();
-	let { uid } = router.query;
+	let { folderUid } = router.query;
-	uid = uid as string;
+	folderUid = folderUid as string;
-	return <UpdateFolderMetadataClass selectedFolderUid={uid} />;
+	return <UpdateFolderMetadataClass selectedFolderUid={folderUid} />;
 }