amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: preserve imported dark image variants

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-16 15:14:09 +03:30
parent 083a4e0b7b
commit 385703e5b5
5 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ProjectThumbnail.tsx
View File

@@ -11,13 +11,11 @@ interface ProjectThumbnailProps {
className?: string;
}
const getDarkImagePath = (src: string) => src.replace(/(\.[^./]+)$/, '-dark$1');
export const ProjectThumbnail: FC<ProjectThumbnailProps> = ({ image, title, className }) => {
const { theme } = useTheme();
const darkImage = getDarkImagePath(image.src);
const darkImage = image.darkSrc ?? image.src;
const [unavailableDarkImage, setUnavailableDarkImage] = useState<string | null>(null);
const useDarkImage = theme === 'dark' && unavailableDarkImage !== darkImage;
const useDarkImage = theme === 'dark' && darkImage !== image.src && unavailableDarkImage !== darkImage;
return (
<Image