Use nextjs Image instead of html img

This commit is contained in:
calli
2025-04-23 11:32:19 +03:00
parent 9e9ab359ec
commit eca35f51ac

View File

@@ -1,9 +1,10 @@
import React from 'react'; import React from 'react';
import { Box, Paper, Typography, Grid, Stack, Divider, Tooltip } from '@mui/material'; import { Box, Paper, Typography, Grid, Stack } from '@mui/material';
import { EVE_IMAGE_URL } from '@/const'; import { EVE_IMAGE_URL } from '@/const';
import { PI_TYPES_MAP } from '@/const'; import { PI_TYPES_MAP } from '@/const';
import { DateTime } from 'luxon'; import { DateTime } from 'luxon';
import Countdown from 'react-countdown'; import Countdown from 'react-countdown';
import Image from 'next/image';
interface Factory { interface Factory {
schematic_id: number; schematic_id: number;
@@ -291,7 +292,7 @@ export const ProductionChainVisualization: React.FC<ProductionChainVisualization
}} }}
> >
<Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}> <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
<img <Image
src={`${EVE_IMAGE_URL}/types/${typeId}/icon`} src={`${EVE_IMAGE_URL}/types/${typeId}/icon`}
alt={type?.name ?? `Type ${typeId}`} alt={type?.name ?? `Type ${typeId}`}
width={48} width={48}