From af9be31dbf2ca17655ff54dc73e1866e6fe6e8a2 Mon Sep 17 00:00:00 2001
From: AmirHossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Sat, 1 Mar 2025 16:42:37 +0330
Subject: [PATCH] fixed bug

---
 .../operator/RowActions/ImageDialog/ImageFormContent.jsx       | 3 ++-
 .../operator/RowActions/ImageDialog/ImageFormContent.jsx       | 3 ++-
 .../supervisor/RowActions/ImageDialog/ImageFormContent.jsx     | 3 ++-
 .../operator/RowActions/ImageForm/ImageFormContent.jsx         | 3 ++-
 .../supervisor/RowActions/ImageForm/ImageFormContent.jsx       | 1 +
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx b/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx
+++ b/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx b/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx
+++ b/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx b/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx
+++ b/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx b/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx
+++ b/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx b/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx
index 9aaa92e..9ddb19b 100644
--- a/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx
+++ b/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",