diff --git a/src/front/Components/DesignSystem/Typography/index.tsx b/src/front/Components/DesignSystem/Typography/index.tsx
index 04349b33..ffe41e28 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";
};
export enum ETypo {
@@ -142,10 +143,18 @@ export enum ETypoColor {
}
export default function Typography(props: IProps) {
- const { typo, color, className, title, children } = props;
+ const { typo, color, className, title, children, type = "div" } = 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/DesignSystem/UserFolder/index.tsx b/src/front/Components/DesignSystem/UserFolder/index.tsx
index cb1ea3bb..ea594fe6 100644
--- a/src/front/Components/DesignSystem/UserFolder/index.tsx
+++ b/src/front/Components/DesignSystem/UserFolder/index.tsx
@@ -10,7 +10,7 @@ import Image from "next/image";
import Link from "next/link";
import React from "react";
-import Button, { EButtonStyleType, EButtonVariant } from "../Button";
+import Button, { EButtonStyleType, EButtonColor } from "../Button";
import Confirm from "../Modal/Confirm";
import QuantityProgressBar from "../QuantityProgressBar";
import classes from "./classes.module.scss";
@@ -138,7 +138,7 @@ export default class UserFolder extends React.Component
{
{!this.props.isArchived && this.props.anchorStatus === AnchorStatus.NOT_ANCHORED && (
-