diff --git a/src/front/Assets/logo_small_blue.svg b/src/front/Assets/logo_small_blue.svg index a52c0ab4..d3ac57f9 100644 --- a/src/front/Assets/logo_small_blue.svg +++ b/src/front/Assets/logo_small_blue.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/front/Assets/logo_standard_blue.svg b/src/front/Assets/logo_standard_blue.svg index 2095bba7..a4af4bde 100644 --- a/src/front/Assets/logo_standard_blue.svg +++ b/src/front/Assets/logo_standard_blue.svg @@ -1,15 +1,15 @@ - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss b/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss index a97f961c..1348e460 100644 --- a/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss +++ b/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss @@ -27,10 +27,6 @@ max-width: 270px; width: 100%; word-break: break-word; - - > :first-child { - width: 80%; - } } } diff --git a/src/front/Components/DesignSystem/Tag/classes.module.scss b/src/front/Components/DesignSystem/Tag/classes.module.scss index 9c206676..651f6877 100644 --- a/src/front/Components/DesignSystem/Tag/classes.module.scss +++ b/src/front/Components/DesignSystem/Tag/classes.module.scss @@ -1,6 +1,7 @@ @import "@Themes/constants.scss"; .root { + width: fit-content; padding: 2px 8px; border-radius: 360px; diff --git a/src/front/Components/DesignSystem/Tag/index.tsx b/src/front/Components/DesignSystem/Tag/index.tsx index 7df7faa4..090a90fd 100644 --- a/src/front/Components/DesignSystem/Tag/index.tsx +++ b/src/front/Components/DesignSystem/Tag/index.tsx @@ -19,7 +19,7 @@ export enum ETagVariant { type IProps = { label: string; color: ETagColor; - variant: ETagVariant; + variant?: ETagVariant; className?: string; }; @@ -36,7 +36,7 @@ const typoMap: Record = { }; export default function Tag(props: IProps) { - const { className, label, color, variant } = props; + const { className, label, color, variant = ETagVariant.REGULAR } = props; return (
diff --git a/src/front/Components/DesignSystem/Typography/index.tsx b/src/front/Components/DesignSystem/Typography/index.tsx index 06d6179c..b306d822 100644 --- a/src/front/Components/DesignSystem/Typography/index.tsx +++ b/src/front/Components/DesignSystem/Typography/index.tsx @@ -8,6 +8,7 @@ type IProps = { color?: ETypoColor; className?: string; title?: string; + type?: "div" | "span"; onClick?: () => void; }; @@ -143,10 +144,18 @@ export enum ETypoColor { } export default function Typography(props: IProps) { - const { typo, color, className, title, children, onClick } = props; + const { typo, color, className, title, children, type = "div", onClick } = props; const style = color ? ({ "--data-color": `var(${color})` } as React.CSSProperties) : undefined; + if (type === "span") { + return ( + + {children} + + ); + } + return (
{children} diff --git a/src/front/Components/Layouts/Folder/classes.module.scss b/src/front/Components/Layouts/Folder/classes.module.scss index 95a759ea..850483a8 100644 --- a/src/front/Components/Layouts/Folder/classes.module.scss +++ b/src/front/Components/Layouts/Folder/classes.module.scss @@ -1,5 +1,55 @@ @import "@Themes/constants.scss"; .root { -} + .content { + display: flex; + width: 648px; + flex-direction: column; + justify-content: center; + gap: var(--spacing-2xl, 40px); + .title-container { + display: flex; + flex-direction: column; + gap: var(--spacing-md, 16px); + align-self: stretch; + + .logo{ + fill: "red" + } + } + + .no-folder { + display: flex; + padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px); + flex-direction: column; + gap: var(--spacing-lg, 24px); + align-self: stretch; + + border-radius: var(--radius-rounded, 16px); + background: var(--background-primary, #fff); + box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1); + + svg { + stroke: var(--primary-default-base); + } + } + + .help-container { + display: flex; + gap: var(--spacing-lg, 24px); + + .box { + display: flex; + flex-direction: column; + gap: var(--spacing-sm, 8px); + } + + .separator { + background-color: var(--separator-stroke-light); + width: 1px; + align-self: stretch; + } + } + } +} diff --git a/src/front/Components/Layouts/Folder/index.tsx b/src/front/Components/Layouts/Folder/index.tsx index 4a9ddf07..1e01b43b 100644 --- a/src/front/Components/Layouts/Folder/index.tsx +++ b/src/front/Components/Layouts/Folder/index.tsx @@ -1,20 +1,77 @@ +import LogoIcon from "@Assets/logo_small_blue.svg"; +import Button, { EButtonVariant, EButtonStyleType } from "@Front/Components/DesignSystem/Button"; +import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard"; +import { DocumentIcon } from "@heroicons/react/24/outline"; import { OfficeFolder } from "le-coffre-resources/dist/Notary"; import { useCallback, useState } from "react"; +import Image from "next/image"; import classes from "./classes.module.scss"; +import Link from "next/link"; +import Module from "@Front/Config/Module"; export default function Folder() { - const [_selectedFolder, setSelectedFolder] = useState(null); + const [_folder, setFolder] = useState(null); const [_isArchivedModalOpen, _setIsArchivedModalOpen] = useState(true); const onSelectedFolder = useCallback((folder: OfficeFolder): void => { - setSelectedFolder(folder); + setFolder(folder); }, []); return ( -
+
+
+
+ logo + + + Bonjour John, bienvenue sur LeCoffre.io + + + Commencez par créer votre{" "} + + premier dossier + {" "} + pour profiter de toutes les fonctionnalités de notre plateforme sécurisée. + +
+ +
+ +
+ Aucun dossier créé + + Vous n'avez pas encore de dossier créé. En quelques clics, commencez un nouveau dossier pour organiser et + sécuriser vos documents notariés. + +
+ + + +
+ +
+
+ Besoin d'aide ? + Consultez nos guides pour bien démarrer. + +
+
+ +
+ Vous avez des questions ? + Notre équipe de support est là pour vous aider. + +
+
+
+
); } diff --git a/src/front/Components/Layouts/Subscription/Components/SubscriptionClientInfos/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscriptionClientInfos/index.tsx index 74959d00..a030e002 100644 --- a/src/front/Components/Layouts/Subscription/Components/SubscriptionClientInfos/index.tsx +++ b/src/front/Components/Layouts/Subscription/Components/SubscriptionClientInfos/index.tsx @@ -16,7 +16,7 @@ export default function SubscriptionClientInfos(props: IProps) { {customer.email} - {/* + {/* Adresse de facturation */}