Skip to content

Commit

Permalink
Fix bug with assistant help tooltip
Browse files Browse the repository at this point in the history
Bug with assistant help tooltip not appearing and crashing when clicked
- changed from `HelpDialog` to `Tooltip` in `AssistantIntroduction.jsx`
  • Loading branch information
rosannamilner authored Jun 11, 2024
1 parent ad5f37c commit c30f84d
Showing 1 changed file with 18 additions and 13 deletions.
31 changes: 18 additions & 13 deletions src/components/NavItems/Assistant/AssistantIntroduction.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@ import { Box, CardHeader } from "@mui/material";
import Card from "@mui/material/Card";
import CardContent from "@mui/material/CardContent";
import Grid from "@mui/material/Grid";
import HelpDialog from "../../Shared/HelpDialog/HelpDialog";
import Tooltip from "@mui/material/Tooltip";
import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
import InsertDriveFileIcon from "@mui/icons-material/InsertDriveFile";
import LinkIcon from "@mui/icons-material/Link";
import Typography from "@mui/material/Typography";
Expand Down Expand Up @@ -89,20 +90,24 @@ const AssistantIntroduction = (props) => {
</Typography>
}
action={
<div style={{ display: "flex", marginTop: 10 }}>
{
<HelpDialog
title={"assistant_help_title"}
paragraphs={[
"assistant_help_1",
"assistant_help_2",
"assistant_help_3",
"assistant_help_4",
]}
<Tooltip
interactive={"true"}
title={
<div
className={"content"}
dangerouslySetInnerHTML={{
__html: keyword("assistant_help_title") +
keyword("assistant_help_1") +
keyword("assistant_help_2") +
keyword("assistant_help_3") +
keyword( "assistant_help_4")
}}
/>
}
</div>
}
classes={{ tooltip: classes.assistantTooltip }}
>
<HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
</Tooltip>
/>

<CardContent>
Expand Down

0 comments on commit c30f84d

Please sign in to comment.