Fix broken images, remove unused assets, update types, polish

dashboard/15-final/app/lib/placeholder-data.js → dashboard/final-example/app/lib/placeholder-data.js

@@ -2,11 +2,10 @@
 // https://nextjs.org/learn/dashboard-app/fetching-data
 const users = [
   {
-    id: '410544b2-4001-4271-9855-68f1c4f65645',
+    id: '410544b2-4001-4271-9855-fec4b6a6442a',
     name: 'User',
     email: 'user@nextmail.com',
     password: '123456',
-    CredentialsSignin,
   },
 ];
 
@@ -25,15 +24,15 @@ const customers = [
   },
   {
     id: '3958dc9e-737f-4377-85e9-fec4b6a6442a',
-    name: 'Guillermo Rauch',
-    email: 'guillermo@rauch.com',
-    image_url: '/customers/guillermo-rauch.png',
+    name: 'Hector Simpson',
+    email: 'hector@simpson.com',
+    image_url: '/customers/hector-simpson.png',
   },
   {
     id: '50ca3e18-62cd-11ee-8c99-0242ac120002',
-    name: 'Jared Palmer',
-    email: 'jared@palmer.com',
-    image_url: '/customers/jared-palmer.png',
+    name: 'Steven Tey',
+    email: 'steven@tey.com',
+    image_url: '/customers/steven-tey.png',
   },
   {
     id: '3958dc9e-787f-4377-85e9-fec4b6a6442a',
@@ -43,9 +42,9 @@ const customers = [
   },
   {
     id: '76d65c26-f784-44a2-ac19-586678f7c2f2',
-    name: 'Tom Occhino',
-    email: 'tom@occhino.com',
-    image_url: '/customers/tom-occhino.png',
+    name: 'Michael Novotny',
+    email: 'michael@novotny.com',
+    image_url: '/customers/michael-novotny.png',
   },
   {
     id: 'd6e15727-9fe1-4961-8c5b-ea44a9bd81aa',

dashboard/15-final/app/ui/login-form.tsx → dashboard/final-example/app/ui/login-form.tsx

@@ -79,3 +79,13 @@ export default function LoginForm() {
     </form>
   );
 }
+
+function LoginButton() {
+  const { pending } = useFormStatus();
+
+  return (
+    <Button className="mt-4 w-full" aria-disabled={pending}>
+      Log in <ArrowRightIcon className="ml-auto h-5 w-5 text-gray-50" />
+    </Button>
+  );
+}

dashboard/15-final/middleware.ts → dashboard/final-example/middleware.ts

@@ -5,5 +5,5 @@ export default NextAuth(authConfig).auth;
 
 export const config = {
   // https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher
-  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
+  matcher: ['/((?!api|_next/static|_next/image|.png).*)'],
 };

dashboard/15-final/scripts/seed.js → dashboard/final-example/scripts/seed.js

@@ -9,6 +9,7 @@ const bcrypt = require('bcrypt');
 
 async function seedUsers() {
   try {
+    await sql`CREATE EXTENSION IF NOT EXISTS "uuid-ossp"`;
     // Create the "invoices" table if it doesn't exist
     const createTable = await sql`
       CREATE TABLE IF NOT EXISTS users (