fix: support

src/pages/dashboard/Content/Support/Chat/ChatVideo.tsx

@@ -1,13 +1,5 @@
-import {
-  Box,
-  ButtonBase,
-  Link,
-  Typography,
-  useMediaQuery,
-  useTheme,
-} from "@mui/material";
+import { Box, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { useNavigate } from "react-router-dom";
-import { useEffect } from "react";
 
 interface Props {
   unAuthenticated?: boolean;
@@ -26,7 +18,6 @@ export default function ChatImage({
   const upMd = useMediaQuery(theme.breakpoints.up("md"));
   const navigate = useNavigate();
 
-
   return (
     <Box
       sx={{
@@ -35,11 +26,16 @@ export default function ChatImage({
         padding: isSelf ? "0 8px 0 0" : "0 0 0 8px",
       }}
     >
-      <Typography sx={{
-        fontSize: "12px",
-        alignSelf: "end",
-      }}>
-        {new Date(createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+      <Typography
+        sx={{
+          fontSize: "12px",
+          alignSelf: "end",
+        }}
+      >
+        {new Date(createdAt).toLocaleTimeString([], {
+          hour: "2-digit",
+          minute: "2-digit",
+        })}
       </Typography>
       <Box
         sx={{
@@ -55,8 +51,10 @@ export default function ChatImage({
         <Box
           component="video"
           sx={{
+            pointerEvents: "auto",
             height: "217px",
-            width: "217px",
+            width: "auto",
+            minWidth: "217px",
           }}
           controls
         >