diff --git a/src/bin/AddBinFab.tsx b/src/bin/AddBinFab.tsx index 45c08c6..774785e 100644 --- a/src/bin/AddBinFab.tsx +++ b/src/bin/AddBinFab.tsx @@ -27,7 +27,7 @@ const useStyles = makeStyles((theme: Theme) => { }, position: "fixed", bottom: theme.spacing(8), //for mobile navigator - right: theme.spacing(10.25), + right: theme.spacing(2), [theme.breakpoints.up("sm")]: { bottom: theme.spacing(1.75) } diff --git a/src/chat/ChatDrawer.tsx b/src/chat/ChatDrawer.tsx index ecf83b7..8394d69 100644 --- a/src/chat/ChatDrawer.tsx +++ b/src/chat/ChatDrawer.tsx @@ -1,5 +1,5 @@ import { ChevronRight } from "@mui/icons-material"; -import { Avatar, Box, Divider, Drawer, IconButton, Theme, Tooltip, Typography } from "@mui/material"; +import { Avatar, Box, Drawer, IconButton, Theme, Tooltip, Typography } from "@mui/material"; import { makeStyles } from "@mui/styles"; import { useMobile } from "hooks"; import { Team } from "models"; @@ -7,7 +7,7 @@ import Chat from "./Chat"; import { pond } from "protobuf-ts/pond"; import { useEffect, useState } from "react"; import { useTeamAPI } from "providers"; -import { openCrispChat } from './CrispChat'; +import { closeCrispChat, openCrispChat } from './CrispChat'; import RobotIcon from "products/CommonIcons/robotIcon"; const useStyles = makeStyles((theme: Theme) => ({ @@ -67,6 +67,12 @@ export function ChatDrawer(props: Props) { onClose() } + useEffect(() => { + if (open) { + closeCrispChat() + } + }, [open]) + return (