4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix back button chevron icon

Browse Source
This commit is contained in:
Max S 2024-07-19 10:51:56 +02:00
parent 848edfa12c
commit 4c1d1522c1
9 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Components/Elements/BackArrow/index.tsx
View File

@ -1,4 +1,4 @@
import { ChevronDownIcon } from "@heroicons/react/20/solid"; import { ChevronLeftIcon } from "@heroicons/react/24/solid";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { NextRouter, useRouter } from "next/router"; import { NextRouter, useRouter } from "next/router";
import React from "react"; import React from "react";
@ -21,7 +21,7 @@ class BackArrowClass extends React.Component<IPropsClass, IState> {
public override render(): JSX.Element { public override render(): JSX.Element {
return ( return (
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.handleClick}> onClick={this.handleClick}>

4
src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/index.tsx
View File

@ -1,5 +1,4 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import { ChevronDownIcon } from "@heroicons/react/24/outline";
import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/Admin/Users/Users"; import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/Admin/Users/Users";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
@ -14,6 +13,7 @@ import React, { ReactNode } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import CollaboratorListContainer from "./CollaboratorListContainer"; import CollaboratorListContainer from "./CollaboratorListContainer";
import { ChevronLeftIcon } from "@heroicons/react/24/solid";
type IProps = { type IProps = {
title: string; title: string;
@ -70,7 +70,7 @@ export default class DefaultCollaboratorDashboard extends React.Component<IProps
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

4
src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/index.tsx
View File

@ -12,7 +12,7 @@ import React, { ReactNode } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import DeedListContainer from "./DeedTypeListContainer"; import DeedListContainer from "./DeedTypeListContainer";
import { ChevronDownIcon } from "@heroicons/react/24/outline"; import { ChevronLeftIcon } from "@heroicons/react/24/solid";
type IProps = { type IProps = {
title: string; title: string;
@ -69,7 +69,7 @@ export default class DefaultDeedTypesDashboard extends React.Component<IProps, I
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

4
src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/index.tsx
View File

@ -13,7 +13,7 @@ import React, { ReactNode } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import DocumentTypeListContainer from "./DocumentTypeListContainer"; import DocumentTypeListContainer from "./DocumentTypeListContainer";
import { ChevronDownIcon } from "@heroicons/react/24/outline"; import { ChevronLeftIcon } from "@heroicons/react/24/solid";
type IProps = { type IProps = {
title: string; title: string;
@ -70,7 +70,7 @@ export default class DefaultDocumentTypesDashboard extends React.Component<IProp
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

4
src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
View File

@ -14,7 +14,7 @@ import Image from "next/image";
import React, { ReactNode } from "react"; import React, { ReactNode } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import { ChevronDownIcon } from "@heroicons/react/24/outline"; import { ChevronLeftIcon } from "@heroicons/react/24/outline";
type IProps = { type IProps = {
title: string; title: string;
@ -86,7 +86,7 @@ export default class DefaultNotaryDashboard extends React.Component<IProps, ISta
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

5
src/front/Components/LayoutTemplates/DefaultOfficeDashboard/index.tsx
View File

@ -12,7 +12,7 @@ import React, { ReactNode } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import OfficeListContainer from "./OfficeListContainer"; import OfficeListContainer from "./OfficeListContainer";
import { ChevronDownIcon } from "@heroicons/react/24/outline"; import { ChevronLeftIcon } from "@heroicons/react/24/outline";
type IProps = { type IProps = {
title: string; title: string;
@ -67,8 +67,7 @@ export default class DefaultOfficeDashboard extends React.Component<IProps, ISta
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

5
src/front/Components/LayoutTemplates/DefaultRoleDashboard/index.tsx
View File

@ -12,7 +12,7 @@ import React, { ReactNode } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import RoleListContainer from "./RoleListContainer"; import RoleListContainer from "./RoleListContainer";
import { ChevronDownIcon } from "@heroicons/react/24/outline"; import { ChevronLeftIcon } from "@heroicons/react/24/outline";
type IProps = { type IProps = {
title: string; title: string;
@ -67,8 +67,7 @@ export default class DefaultRoleDashboard extends React.Component<IProps, IState
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

4
src/front/Components/LayoutTemplates/DefaultUserDashboard/index.tsx
View File

@ -1,5 +1,5 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import { ChevronDownIcon } from "@heroicons/react/20/solid"; import { ChevronLeftIcon } from "@heroicons/react/20/solid";
import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users"; import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
@ -67,7 +67,7 @@ export default class DefaultUserDashboard extends React.Component<IProps, IState
{this.props.mobileBackText && ( {this.props.mobileBackText && (
<div className={classes["back-arrow-mobile"]}> <div className={classes["back-arrow-mobile"]}>
<Button <Button
leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />} leftIcon={<ChevronLeftIcon />}
variant={EButtonVariant.PRIMARY} variant={EButtonVariant.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>

4
src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx
View File

@ -1,4 +1,4 @@
import { ChevronDownIcon } from "@heroicons/react/20/solid"; import { ChevronLeftIcon } from "@heroicons/react/24/solid";
import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles"; import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles"; import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles";
import Users from "@Front/Api/LeCoffreApi/Admin/Users/Users"; import Users from "@Front/Api/LeCoffreApi/Admin/Users/Users";
@ -193,7 +193,7 @@ export default function CollaboratorInformations(props: IProps) {
<Typography typo={ETypo.TEXT_LG_SEMIBOLD}>Modifier le rôle</Typography> <Typography typo={ETypo.TEXT_LG_SEMIBOLD}>Modifier le rôle</Typography>
<div className={classes["gestion-role"]}> <div className={classes["gestion-role"]}>
<Link href={Module.getInstance().get().modules.pages.Roles.props.path}> <Link href={Module.getInstance().get().modules.pages.Roles.props.path}>
<Button leftIcon={<ChevronDownIcon />} variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button leftIcon={<ChevronLeftIcon />} variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}>
Gestion des rôles Gestion des rôles
</Button> </Button>
</Link> </Link>