rayan/next-learn
1
0
Fork 0
mirror of https://github.com/vercel/next-learn.git synced 2026-07-08 22:46:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polish Mobile Styles 💅🏼 and update code for chapters 1-5 (#150)

Browse Source 
* Add local date formatting

* Add dashboard hero image

* Update hero styles

* Polish login form

* Use Next.js symbol for logo

* Use Next.js symbol for favicon

* Use img instead of Image

* Add mobile styles to login form

* Polish nav styles to fit logo

* Fix build error

* Create og-image.png

* Remove unused code

* Replace svg logo with png

* Update Images and Links

* Misc

* Remove topnav

* Remove dummy text from cards

* Remove gradient

* Adjust button color

* Fix table horizontal scroll

* Misc

* Fix table UI bug

* Remove duplicate package-lock files

* Polish invoice form

* Rename delete button

* Misc

* Run prettier

* Fix search and pagination on mobile

* Fix pagination border px bug

* Update code to match course

* Rename global -> globals

* 💅 Home Page

* Test placeholder blur

* Use 1.5x image rather than 2x

* Update root layout

* Use <main> for pages

* Make sidebar a server component

* Don't use index for React key
This commit is contained in:
Delba de Oliveira
2023-09-13 10:44:25 +01:00
committed by GitHub
parent 8e302d6725
commit 5f38f0fa81
23 changed files with 262 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
dashboard/15-final/app/lib/definitions.tsx
View File

@@ -19,8 +19,9 @@ export type Invoice = {
id: number;
customerId: number;
amount: number;
status: 'pending' | 'paid'; // In TypeScript, this is called a string union type.
// It means that the "status" property can only be one of the two strings.
// In TypeScript, this is called a string union type.
// It means that the "status" property can only be one of the two strings: 'pending' or 'paid'.
status: 'pending' | 'paid';
date: string;
};

30
dashboard/15-final/app/lib/dummy-data.tsx
View File

@@ -43,105 +43,105 @@ export const invoices: Invoice[] = [
customerId: 1,
amount: 15795,
status: 'pending',
date: '2023-12-01',
date: '2023-12-06',
},
{
id: 2,
customerId: 2,
amount: 20348,
status: 'pending',
date: '2023-11-01',
date: '2023-11-14',
},
{
id: 3,
customerId: 3,
amount: 3040,
status: 'paid',
date: '2023-10-01',
date: '2023-10-29',
},
{
id: 4,
customerId: 4,
amount: 44800,
status: 'paid',
date: '2023-09-01',
date: '2023-09-10',
},
{
id: 5,
customerId: 1,
amount: 34577,
status: 'pending',
date: '2023-08-01',
date: '2023-08-05',
},
{
id: 6,
customerId: 2,
amount: 54246,
status: 'pending',
date: '2023-07-01',
date: '2023-07-16',
},
{
id: 7,
customerId: 3,
amount: 8945,
status: 'pending',
date: '2023-06-01',
date: '2023-06-27',
},
{
id: 8,
customerId: 4,
amount: 32545,
status: 'paid',
date: '2023-06-01',
date: '2023-06-09',
},
{
id: 9,
customerId: 3,
amount: 1250,
status: 'paid',
date: '2023-06-02',
date: '2023-06-17',
},
{
id: 10,
customerId: 1,
amount: 8945,
status: 'paid',
date: '2023-06-01',
date: '2023-06-07',
},
{
id: 11,
customerId: 2,
amount: 500,
status: 'paid',
date: '2023-08-01',
date: '2023-08-19',
},
{
id: 12,
customerId: 3,
amount: 8945,
status: 'paid',
date: '2023-06-01',
date: '2023-06-03',
},
{
id: 13,
customerId: 3,
amount: 8945,
status: 'paid',
date: '2023-06-01',
date: '2023-06-18',
},
{
id: 14,
customerId: 4,
amount: 8945,
status: 'paid',
date: '2023-10-01',
date: '2023-10-04',
},
{
id: 15,
customerId: 3,
amount: 1000,
status: 'paid',
date: '2022-06-12',
date: '2022-06-05',
},
];