franpcode/spooky-spotify-showcase
1
0
Fork 0
mirror of https://github.com/FranP-code/spooky-spotify-showcase.git synced 2025-10-13 00:02:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

useMemo on ArtistShowcase

Browse Source
This commit is contained in:
Francisco Pessano
2024-10-18 19:04:49 -03:00
parent ab906a17aa
commit f73dc89c82
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/_components/artist-showcase.tsx
View File

@@ -48,7 +48,7 @@ export default function ArtistShowcase({
const generateSpookyImage = api.entry.generate.useMutation(); const generateSpookyImage = api.entry.generate.useMutation();
const saveImage = api.entry.save.useMutation(); const saveImage = api.entry.save.useMutation();
const error = !!(entry.error || generateSpookyImage.error); const error = useMemo(() => !!(entry.error || generateSpookyImage.error), [entry.error, generateSpookyImage.error]);
const handleGenerateSpookyImage = async () => { const handleGenerateSpookyImage = async () => {
if (!entry.data && !entry.isLoading) { if (!entry.data && !entry.isLoading) {
@@ -84,10 +84,12 @@ export default function ArtistShowcase({
} }
}, [spookyImageLoaded]); }, [spookyImageLoaded]);
const spookyImageMatch = ( const spookyImageSource = useMemo(() => {
(entry.data?.value || generateSpookyImage.data) as null | string const spookyImageMatch = (
)?.match(/https:\/\/res.cloudinary.com\/[^"]+/); (entry.data?.value || generateSpookyImage.data) as null | string
const spookyImageSource = spookyImageMatch ? spookyImageMatch[0] : null; )?.match(/https:\/\/res.cloudinary.com\/[^"]+/);
return spookyImageMatch ? spookyImageMatch[0] : null;
}, [entry.data?.value, generateSpookyImage.data]);
const onImageLoad = () => { const onImageLoad = () => {
if (!spookyImageLoaded) { if (!spookyImageLoaded) {
@@ -185,3 +187,7 @@ export default function ArtistShowcase({
</Tilt> </Tilt>
); );
} }
function useMemo(arg0: () => string | null, arg1: unknown[]) {
throw new Error("Function not implemented.");
}