Some minor adjustments to MySQL example. (#34792)

vercel · Feb 25, 2022 · 5ebee5f · 5ebee5f
1 parent 3ee458e
commit 5ebee5f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/examples/with-mysql/README.md b/examples/with-mysql/README.md
@@ -75,7 +75,7 @@ Push the database schema to your PlanetScale database using Prisma.
 
 Run the seed script to populate your database with `Product` and `Category` data.
 
-`npx run seed`
+`npm run seed`
 
 ## Run the App
 

diff --git a/examples/with-mysql/components/Product.js b/examples/with-mysql/components/Product.js
@@ -5,13 +5,14 @@ export default function Product({ product }) {
 
   return (
     <div
-      className="max-w-xs rounded overflow-hidden shadow-lg"
+      className="max-w-[250px] rounded overflow-hidden shadow-lg"
       key={product.id}
     >
       <Image
         className="w-full"
-        width={320}
-        height={160}
+        width={250}
+        height={250}
+        objectFit="cover"
         src={image}
         alt={name}
       />

diff --git a/examples/with-mysql/prisma/data.js b/examples/with-mysql/prisma/data.js
@@ -17,31 +17,31 @@ const categories = [
 
 const products = [
   {
-    name: 'Cool hat.',
-    description: 'A nice hat to wear on your head',
+    name: 'Cool helmet.',
+    description: 'A nice helmet to wear on your head',
     price: new Prisma.Decimal(19.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/helmet.jpg',
     category_id: 1,
   },
   {
     name: 'Grey T-Shirt',
     description: 'A nice shirt that you can wear on your body',
     price: new Prisma.Decimal(22.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/shirt.jpg',
     category_id: 3,
   },
   {
     name: 'Socks',
     description: 'Cool socks that you can wear on your feet',
     price: new Prisma.Decimal(12.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/socks.jpg',
     category_id: 2,
   },
   {
     name: 'Sweatshirt',
     description: 'Cool sweatshirt that you can wear on your body',
     price: new Prisma.Decimal(12.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/sweatshirt.jpg',
     category_id: 3,
   },
 ]

diff --git a/examples/with-mysql/public/images/astronaut-suit.jpg b/examples/with-mysql/public/images/astronaut-suit.jpg
diff --git a/examples/with-mysql/public/images/placeholder.jpg b/examples/with-mysql/public/images/placeholder.jpg