diff --git a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/classes.module.scss b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/classes.module.scss index 2aebed14..5e75f6fa 100644 --- a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/classes.module.scss +++ b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/classes.module.scss @@ -9,10 +9,14 @@ background: var(--primary-weak-higlight, #e5eefa); min-width: 300px; - .header{ + .header { display: flex; justify-content: space-between; align-items: center; width: 100%; } + + .delete-button { + margin: auto; + } } diff --git a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/index.tsx index 5de56af7..63908f68 100644 --- a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/index.tsx +++ b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/ClientBox/index.tsx @@ -1,4 +1,4 @@ -import Button, { EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button"; +import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import IconButton, { EIconButtonVariant } from "@Front/Components/DesignSystem/IconButton"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import useOpenable from "@Front/Hooks/useOpenable"; @@ -8,33 +8,44 @@ import { ICustomer } from ".."; import { AnchorStatus } from "../.."; import classes from "./classes.module.scss"; import DeleteCustomerModal from "./DeleteCustomerModal"; +import Link from "next/link"; +import Module from "@Front/Config/Module"; type IProps = { customer: ICustomer; anchorStatus: AnchorStatus; + folderUid: string | undefined; }; export default function ClientBox(props: IProps) { - const { customer, anchorStatus } = props; + const { customer, anchorStatus, folderUid } = props; const { isOpen, open, close } = useOpenable(); + console.log("customer", customer); + return (