fix: broken attachment icon image

This commit is contained in:
Anmol Singh Bhatia
2025-11-14 15:35:50 +05:30
parent 4e357c4ad0
commit a95dbec829
18 changed files with 17 additions and 18 deletions

View File

@@ -8,5 +8,5 @@ export type AudioIconProps = {
}; };
export const AudioIcon: React.FC<AudioIconProps> = ({ width, height }) => ( export const AudioIcon: React.FC<AudioIconProps> = ({ width, height }) => (
<img src={AudioFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="AudioFileIcon" /> <img src={AudioFileIcon} width={width} height={height} alt="AudioFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import CssFileIcon from "@/app/assets/attachment/css-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const CssIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const CssIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={CssFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="CssFileIcon" /> <img src={CssFileIcon} width={width} height={height} alt="CssFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import CSVFileIcon from "@/app/assets/attachment/csv-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const CsvIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const CsvIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={CSVFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="CSVFileIcon" /> <img src={CSVFileIcon} width={width} height={height} alt="CSVFileIcon" />
); );

View File

@@ -9,7 +9,6 @@ export const DefaultIcon: React.FC<ImageIconPros> = ({ width, height }) => (
src={DefaultFileIcon} src={DefaultFileIcon}
width={width} width={width}
height={height} height={height}
className="h-full w-full object-contain"
alt="DefaultFileIcon" alt="DefaultFileIcon"
/> />
); );

View File

@@ -5,5 +5,5 @@ import DocFileIcon from "@/app/assets/attachment/doc-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const DocIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const DocIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={DocFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="DocFileIcon" /> <img src={DocFileIcon} width={width} height={height} alt="DocFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import FigmaFileIcon from "@/app/assets/attachment/figma-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const FigmaIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const FigmaIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={FigmaFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="FigmaFileIcon" /> <img src={FigmaFileIcon} width={width} height={height} alt="FigmaFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import HtmlFileIcon from "@/app/assets/attachment/html-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const HtmlIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const HtmlIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={HtmlFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="HtmlFileIcon" /> <img src={HtmlFileIcon} width={width} height={height} alt="HtmlFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import ImgFileIcon from "@/app/assets/attachment/img-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const ImgIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const ImgIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={ImgFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="ImgFileIcon" /> <img src={ImgFileIcon} width={width} height={height} alt="ImgFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import JpgFileIcon from "@/app/assets/attachment/jpg-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const JpgIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const JpgIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={JpgFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="JpgFileIcon" /> <img src={JpgFileIcon} width={width} height={height} alt="JpgFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import JsFileIcon from "@/app/assets/attachment/js-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const JavaScriptIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const JavaScriptIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={JsFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="JsFileIcon" /> <img src={JsFileIcon} width={width} height={height} alt="JsFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import PDFFileIcon from "@/app/assets/attachment/pdf-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const PdfIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const PdfIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={PDFFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="PDFFileIcon" /> <img src={PDFFileIcon} width={width} height={height} alt="PDFFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import PngFileIcon from "@/app/assets/attachment/png-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const PngIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const PngIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={PngFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="PngFileIcon" /> <img src={PngFileIcon} width={width} height={height} alt="PngFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import RarFileIcon from "@/app/assets/attachment/rar-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const RarIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const RarIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={RarFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="RarFileIcon" /> <img src={RarFileIcon} width={width} height={height} alt="RarFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import SheetFileIcon from "@/app/assets/attachment/excel-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const SheetIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const SheetIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={SheetFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="SheetFileIcon" /> <img src={SheetFileIcon} width={width} height={height} alt="SheetFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import SvgFileIcon from "@/app/assets/attachment/svg-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const SvgIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const SvgIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={SvgFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="SvgFileIcon" /> <img src={SvgFileIcon} width={width} height={height} alt="SvgFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import TxtFileIcon from "@/app/assets/attachment/txt-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const TxtIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const TxtIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={TxtFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="TxtFileIcon" /> <img src={TxtFileIcon} width={width} height={height} alt="TxtFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import VideoFileIcon from "@/app/assets/attachment/video-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const VideoIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const VideoIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={VideoFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="VideoFileIcon" /> <img src={VideoFileIcon} width={width} height={height} alt="VideoFileIcon" />
); );

View File

@@ -5,5 +5,5 @@ import ZipFileIcon from "@/app/assets/attachment/zip-icon.png?url";
import type { ImageIconPros } from "../types"; import type { ImageIconPros } from "../types";
export const ZipIcon: React.FC<ImageIconPros> = ({ width, height }) => ( export const ZipIcon: React.FC<ImageIconPros> = ({ width, height }) => (
<img src={ZipFileIcon} width={width} height={height} className="h-full w-full object-contain" alt="ZipFileIcon" /> <img src={ZipFileIcon} width={width} height={height} alt="ZipFileIcon" />
); );