e98b8b601b
1) Progress Bar https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=2c1d4ce11f4747b7bcd9814336a8e882 2) Folder Component https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=1abbfeae008a486facf59e3cb2ccdd86 3) Api frontend (pas de tickets correspondants) 4) Ask/Pending/Validated/ documents (pas de tickets correspondants) 5) Multiselect [WIP] -> Error message not displaying when the user search and didn't find in the corresponding options https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=1d5ec1f29d2644d3ac7a0c309608c6e3 6) Document Notary Component https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=e2da114abf5d40a5adc0c411f7f86c8d 7) Notary Documents For Users Components with filters for each users according to the document status https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=c682d55c2d42438f9a880493a5ac6b12 8) Fix Local Docker Compose Front (pas de tickets correspondants) 9) DropDown Component https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=933bcc4418ea46f88c696e52b97d7bfc 10) Minor Fixes https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=0c799226315c4d7ca7ee13648105cfcf https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=eb9838e8ad894ac5b43e4c8562bc6450 --------- Co-authored-by: leabruchon <89223887+leabruchon@users.noreply.github.com>
53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
import ToolTipIcon from "@Assets/Icons/tool-tip.svg";
|
|
import TooltipMUI, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
|
|
import styled from "@emotion/styled";
|
|
|
|
type IProps = {
|
|
title?: string | JSX.Element;
|
|
text?: string | JSX.Element;
|
|
className?: string;
|
|
isNotFlex?: boolean;
|
|
};
|
|
|
|
type IState = {
|
|
showContent: boolean;
|
|
event: React.MouseEvent<HTMLElement> | null;
|
|
};
|
|
|
|
const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
|
|
<TooltipMUI {...props} classes={{ popper: className }} />
|
|
))(({ theme }) => ({
|
|
[`& .${tooltipClasses.tooltip}`]: {
|
|
backgroundColor: "var(--colormerdum)",
|
|
color: "var(--colormerdum)",
|
|
//boxShadow: theme.shadows[1],
|
|
fontSize: 11,
|
|
},[`& .${tooltipClasses.arrow}`]: {
|
|
// color: theme.palette.common.black,
|
|
},
|
|
}));
|
|
|
|
export default class Tooltip extends React.Component<IProps, IState> {
|
|
static defaultProps: Partial<IProps> = {
|
|
isNotFlex: false,
|
|
};
|
|
|
|
public constructor(props: IProps) {
|
|
super(props);
|
|
}
|
|
|
|
public override render(): JSX.Element {
|
|
return (
|
|
<LightTooltip title={this.props.text} placement="top" arrow>
|
|
<span
|
|
className={this.props.className}
|
|
style={!this.props.isNotFlex ? { display: "flex" } : {}}>
|
|
<Image src={ToolTipIcon} alt="toolTip icon" />
|
|
</span>
|
|
</LightTooltip>
|
|
);
|
|
}
|
|
}
|