@@ -37,26 +37,27 @@ function useInterval(callback: () => unknown, delay: number) {
37
37
38
38
const ImageUrl = `https://images.unsplash.com/photo-1610746334198-e7525c63509c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&h=900` ;
39
39
const ThumbnailUrl = `https://images.unsplash.com/photo-1610746334198-e7525c63509c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&h=90` ;
40
+ const placeholderUrl = `https://unsplash.com/a/img/empty-states/photos.png` ;
40
41
41
42
const validSource = {
42
43
title : 'Valid Image & Thumbnail' ,
43
44
image : ( ) => `${ ImageUrl } &bust=${ Math . random ( ) } ` ,
44
45
thumbnail : ( ) => `${ ThumbnailUrl } &bust=${ Math . random ( ) } ` ,
45
- placeholder : ( ) => `https://pyt-images.imgix.net/images/place-holder.png` ,
46
+ placeholder : ( ) => placeholderUrl ,
46
47
} ;
47
48
48
49
const inValidSource = {
49
50
title : 'Invalid Image & Thumbnail' ,
50
51
image : ( ) => `not found` ,
51
52
thumbnail : ( ) => `not found` ,
52
- placeholder : ( ) => `https://pyt-images.imgix.net/images/place-holder.png` ,
53
+ placeholder : ( ) => placeholderUrl ,
53
54
} ;
54
55
55
56
const invalidImageOnlySource = {
56
57
title : 'Invalid Image & Valid Thumbnail' ,
57
58
image : ( ) => `not found` ,
58
59
thumbnail : ( ) => `${ ThumbnailUrl } &bust=${ Math . random ( ) } ` ,
59
- placeholder : ( ) => `https://pyt-images.imgix.net/images/place-holder.png` ,
60
+ placeholder : ( ) => placeholderUrl ,
60
61
} ;
61
62
62
63
const sources = [ validSource , inValidSource , invalidImageOnlySource ] ;
0 commit comments