fix(medias): svg files don't load in list (#2381)
This commit is contained in:
@@ -1,10 +1,10 @@
|
|||||||
import Image from "next/image";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { notFound } from "next/navigation";
|
import { notFound } from "next/navigation";
|
||||||
import {
|
import {
|
||||||
ActionIcon,
|
ActionIcon,
|
||||||
Anchor,
|
Anchor,
|
||||||
Group,
|
Group,
|
||||||
|
Image,
|
||||||
Stack,
|
Stack,
|
||||||
Table,
|
Table,
|
||||||
TableTbody,
|
TableTbody,
|
||||||
@@ -113,11 +113,12 @@ const Row = async ({ media }: RowProps) => {
|
|||||||
<TableTr>
|
<TableTr>
|
||||||
<TableTd w={64}>
|
<TableTd w={64}>
|
||||||
<Image
|
<Image
|
||||||
|
// Switched to mantine image because next/image doesn't support svgs
|
||||||
src={createLocalImageUrl(media.id)}
|
src={createLocalImageUrl(media.id)}
|
||||||
alt={media.name}
|
alt={media.name}
|
||||||
width={64}
|
w={64}
|
||||||
height={64}
|
h={64}
|
||||||
style={{ objectFit: "contain" }}
|
fit="contain"
|
||||||
/>
|
/>
|
||||||
</TableTd>
|
</TableTd>
|
||||||
<TableTd>{media.name}</TableTd>
|
<TableTd>{media.name}</TableTd>
|
||||||
|
|||||||
Reference in New Issue
Block a user