Skip to content

Commit 2f052f4

Browse files
committed
fix: use index for images from picsum
1 parent bf27a9f commit 2f052f4

13 files changed

Lines changed: 48 additions & 47 deletions

File tree

packages/booking/src/data/featuredServices.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,23 +14,23 @@
1414
"title": "Nails",
1515
"place": "Beauty salon",
1616
"address": "456 Main St",
17-
"image": "https://picsum.photos/700?a"
17+
"image": "https://picsum.photos/700"
1818
},
1919
{
2020
"id": "3",
2121
"type": "hair coloring",
2222
"title": "Hair coloring",
2323
"place": "Beauty salon",
2424
"address": "789 Main St",
25-
"image": "https://picsum.photos/700?a"
25+
"image": "https://picsum.photos/700"
2626
},
2727
{
2828
"id": "4",
2929
"type": "haircut",
3030
"title": "Haircut",
3131
"place": "Barbershop",
3232
"address": "123 Main St",
33-
"image": "https://picsum.photos/700?a"
33+
"image": "https://picsum.photos/700"
3434
}
3535
]
3636
}

packages/booking/src/screens/HomeScreen.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import {Alert, FlatList, ScrollView, StyleSheet, View} from 'react-native';
2+
import {Alert, FlatList, ListRenderItem, ScrollView, StyleSheet, View} from 'react-native';
33
import {CompositeScreenProps} from '@react-navigation/native';
44
import {MaterialBottomTabScreenProps} from '@react-navigation/material-bottom-tabs';
55
import {NativeStackScreenProps} from '@react-navigation/native-stack';
@@ -35,9 +35,9 @@ const renderAppointment = ({item}: any) => (
3535
</Card>
3636
);
3737

38-
const renderService = ({item}: any) => (
38+
const renderService: ListRenderItem<any> = ({item, index}) => (
3939
<Card mode="contained">
40-
<Card.Cover source={{uri: item.image}} />
40+
<Card.Cover source={{uri: `${item.image}?${index}`}} />
4141
<Card.Title
4242
titleVariant="titleMedium"
4343
subtitleVariant="bodyMedium"

packages/dashboard/src/data/articles.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,25 @@
33
{
44
"id": "1",
55
"title": "Article 1",
6-
"image": "https://picsum.photos/700?a",
6+
"image": "https://picsum.photos/700",
77
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
88
},
99
{
1010
"id": "2",
1111
"title": "Article 2",
12-
"image": "https://picsum.photos/700?a",
12+
"image": "https://picsum.photos/700",
1313
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
1414
},
1515
{
1616
"id": "3",
1717
"title": "Article 3",
18-
"image": "https://picsum.photos/700?a",
18+
"image": "https://picsum.photos/700",
1919
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2020
},
2121
{
2222
"id": "4",
2323
"title": "Article 4",
24-
"image": "https://picsum.photos/700?a",
24+
"image": "https://picsum.photos/700",
2525
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2626
}
2727
]

packages/dashboard/src/data/news.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,25 @@
33
{
44
"id": "1",
55
"title": "News 1",
6-
"image": "https://picsum.photos/700?a",
6+
"image": "https://picsum.photos/700",
77
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
88
},
99
{
1010
"id": "2",
1111
"title": "News 2",
12-
"image": "https://picsum.photos/700?a",
12+
"image": "https://picsum.photos/700",
1313
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
1414
},
1515
{
1616
"id": "3",
1717
"title": "News 3",
18-
"image": "https://picsum.photos/700?a",
18+
"image": "https://picsum.photos/700",
1919
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2020
},
2121
{
2222
"id": "4",
2323
"title": "News 4",
24-
"image": "https://picsum.photos/700?a",
24+
"image": "https://picsum.photos/700",
2525
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2626
}
2727
]

packages/dashboard/src/data/products.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,28 +5,28 @@
55
"price": "100",
66
"name": "Shampoo",
77
"description": "Shampoo for hair",
8-
"image": "https://picsum.photos/700?a"
8+
"image": "https://picsum.photos/700"
99
},
1010
{
1111
"id": "2",
1212
"price": "200",
1313
"name": "Conditioner",
1414
"description": "Conditioner for hair and scalp",
15-
"image": "https://picsum.photos/700?a"
15+
"image": "https://picsum.photos/700"
1616
},
1717
{
1818
"id": "3",
1919
"price": "300",
2020
"name": "Hair Oil",
2121
"description": "Hair Oil for hair growth",
22-
"image": "https://picsum.photos/700?a"
22+
"image": "https://picsum.photos/700"
2323
},
2424
{
2525
"id": "4",
2626
"price": "400",
2727
"name": "Hair Gel",
2828
"description": "Hair Gel for hair styling",
29-
"image": "https://picsum.photos/700?a"
29+
"image": "https://picsum.photos/700"
3030
}
3131
]
3232
}

packages/dashboard/src/screens/HomeScreen.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import {Alert, FlatList, ScrollView, StyleSheet, View} from 'react-native';
2+
import {Alert, FlatList, ListRenderItem, ScrollView, StyleSheet, View} from 'react-native';
33
import {
44
Avatar,
55
Card,
@@ -36,9 +36,9 @@ const renderUpcoming = ({item}: any) => (
3636
</Card>
3737
);
3838

39-
const renderProduct = ({item}: any) => (
39+
const renderProduct: ListRenderItem<any> = ({item, index}) => (
4040
<Card mode="contained" style={styles.cardWidth}>
41-
<Card.Cover source={{uri: item.image}} />
41+
<Card.Cover source={{uri: `${item.image}?${index}`}} />
4242
<Card.Content>
4343
<Title>{`${item.name} • $${item.price}`}</Title>
4444
<Paragraph numberOfLines={1}>{item.description}</Paragraph>
@@ -50,9 +50,9 @@ const renderProduct = ({item}: any) => (
5050
</Card>
5151
);
5252

53-
const renderArticle = ({item}: any) => (
53+
const renderArticle: ListRenderItem<any> = ({item, index}) => (
5454
<Card mode="contained" style={styles.cardWidth}>
55-
<Card.Cover source={{uri: item.image}} />
55+
<Card.Cover source={{uri: `${item.image}?${index}`}} />
5656
<Card.Content>
5757
<Title>{item.title}</Title>
5858
<Paragraph numberOfLines={3}>{item.content}</Paragraph>

packages/host/src/data/newProducts.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,28 +5,28 @@
55
"price": "100",
66
"name": "Shampoo",
77
"description": "Shampoo for hair",
8-
"image": "https://picsum.photos/700?a"
8+
"image": "https://picsum.photos/700"
99
},
1010
{
1111
"id": "2",
1212
"price": "200",
1313
"name": "Conditioner",
1414
"description": "Conditioner for hair and scalp",
15-
"image": "https://picsum.photos/700?a"
15+
"image": "https://picsum.photos/700"
1616
},
1717
{
1818
"id": "3",
1919
"price": "300",
2020
"name": "Hair Oil",
2121
"description": "Hair Oil for hair growth",
22-
"image": "https://picsum.photos/700?a"
22+
"image": "https://picsum.photos/700"
2323
},
2424
{
2525
"id": "4",
2626
"price": "400",
2727
"name": "Hair Gel",
2828
"description": "Hair Gel for hair styling",
29-
"image": "https://picsum.photos/700?a"
29+
"image": "https://picsum.photos/700"
3030
}
3131
]
3232
}

packages/host/src/data/recentArticles.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,25 @@
33
{
44
"id": "1",
55
"title": "Article 1",
6-
"image": "https://picsum.photos/700?a",
6+
"image": "https://picsum.photos/700",
77
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
88
},
99
{
1010
"id": "2",
1111
"title": "Article 2",
12-
"image": "https://picsum.photos/700?a",
12+
"image": "https://picsum.photos/700",
1313
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
1414
},
1515
{
1616
"id": "3",
1717
"title": "Article 3",
18-
"image": "https://picsum.photos/700?a",
18+
"image": "https://picsum.photos/700",
1919
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2020
},
2121
{
2222
"id": "4",
2323
"title": "Article 4",
24-
"image": "https://picsum.photos/700?a",
24+
"image": "https://picsum.photos/700",
2525
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2626
}
2727
]

packages/host/src/data/recentNews.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,25 @@
33
{
44
"id": "1",
55
"title": "News 1",
6-
"image": "https://picsum.photos/700?a",
6+
"image": "https://picsum.photos/700",
77
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
88
},
99
{
1010
"id": "2",
1111
"title": "News 2",
12-
"image": "https://picsum.photos/700?a",
12+
"image": "https://picsum.photos/700",
1313
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
1414
},
1515
{
1616
"id": "3",
1717
"title": "News 3",
18-
"image": "https://picsum.photos/700?a",
18+
"image": "https://picsum.photos/700",
1919
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2020
},
2121
{
2222
"id": "4",
2323
"title": "News 4",
24-
"image": "https://picsum.photos/700?a",
24+
"image": "https://picsum.photos/700",
2525
"content": "Lorem ipsum dolor sit amet consectetur adipiscing elit in taciti suscipit gravida, felis congue ad tincidunt nec habitasse erat massa potenti purus, morbi ut iaculis eget sodales quis etiam condimentum nullam vulputate. Netus penatibus etiam ultrices neque nostra augue class tincidunt dapibus libero cum odio tempor habitant, eu praesent ligula lacinia egestas eros turpis donec luctus nullam aliquet nibh orci. Hendrerit euismod massa blandit sagittis aptent mi imperdiet dictumst dui curabitur, nascetur nunc potenti vestibulum diam luctus class purus felis, phasellus primis porta per quam penatibus fringilla magnis metus."
2626
}
2727
]

packages/host/src/data/services.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,25 +4,25 @@
44
"id": "booking",
55
"title": "Booking",
66
"description": "Check your schedule",
7-
"image": "https://picsum.photos/700?a"
7+
"image": "https://picsum.photos/700"
88
},
99
{
1010
"id": "shopping",
1111
"title": "Shopping",
1212
"description": "Explore new products",
13-
"image": "https://picsum.photos/700?a"
13+
"image": "https://picsum.photos/700"
1414
},
1515
{
1616
"id": "news",
1717
"title": "News and articles",
1818
"description": "Read and inspire",
19-
"image": "https://picsum.photos/700?a"
19+
"image": "https://picsum.photos/700"
2020
},
2121
{
2222
"id": "dashboard",
2323
"title": "Dashboard",
2424
"description": "Manage your business",
25-
"image": "https://picsum.photos/700?a"
25+
"image": "https://picsum.photos/700"
2626
}
2727
]
2828
}

0 commit comments

Comments
 (0)