🐛 Fixing tooltip on checkboxes

src/front/Components/DesignSystem/ToolTip/index.tsx

@@ -1,8 +1,8 @@
-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";
+import TooltipMUI, { tooltipClasses, TooltipProps } from "@mui/material/Tooltip";
+import Image from "next/image";
+import React from "react";
 
 type IProps = {
 	title?: string | JSX.Element;
@@ -19,13 +19,13 @@ type IState = {
 const LightTooltip = styled(({ className, ...props }: TooltipProps) => <TooltipMUI {...props} classes={{ popper: className }} />)(
 	({ theme }) => ({
 		[`& .${tooltipClasses.tooltip}`]: {
-			backgroundColor: "var(--colormerdum)",
-			color: "var(--colormerdum)",
+			backgroundColor: "var(--turquoise-flash)",
+			color: "white",
 			//boxShadow: theme.shadows[1],
 			fontSize: 11,
 		},
 		[`& .${tooltipClasses.arrow}`]: {
-			// color: theme.palette.common.black,
+			color: "var(--turquoise-flash)",
 		},
 	}),
 );

src/front/Components/Layouts/Folder/AskDocuments/index.tsx

@@ -100,6 +100,11 @@ export default class AskDocuments extends BasePage<IProps, IState> {
 		);
 	}
 
+	override componentDidMount(): void {
+		setTimeout(() => {
+			debugger;
+		}, 3000);
+	}
 	private openModal() {
 		this.setState({
 			isCreateDocumentModalVisible: true,

src/front/Themes/variables.scss

@@ -7,8 +7,6 @@
 
 	--font-primary: "Inter", sans-serif;
 
-	--colormerdum: blue;
-
 	--green-flash: #{$green-flash};
 	--blue-flash: #{$blue-flash};
 	--turquoise-flash: #{$turquoise-flash};