feat: cocktail card - save to image

[mildrrnt]

Change made

• Bug fixes
• New features
• Breaking changes

Describe what you have done

• Add 6 pages for cocktail cards with save to image button, allowing users to capture result without button components on screen.

New Features

• Save to image

[shalluv]

You can run pnpm format to format all files.

[shalluv]

Please avoid arbitrary value

Suggested change

	className="relative mx-auto my-auto mt-2 flex w-[16rem] gap-4"
	className="relative mx-auto my-auto mt-2 flex w-64 gap-4"

[mildrrnt]

You can run pnpm format to format all files. @shalluv

Do you have any suggestion on formatting? I think what cause the issue is the text inside

Before running pnpm format, it looks like this:

However, after running pnpm format, it looks like this and affect the formatting of the actual page.

[shalluv]

It's actually not a great idea to separate lines like that. Please use <br /> tag and everything will be fine!

[mildrrnt]

Thank you for your comment kub. Sorry for my frequent commits and pushes, I run pnpm format twice/thrice for it to pass.

Another thing is that I just realized that I could run pnpm lint locally...

[shalluv]

Please import it first as

import Calendar from "@/assets/images/elements/calendar.png"

// then

<img ... src={Calendar.src} ... />

[shalluv]

Since Card pages have the same layout, is it possible to create a shared layout or shared components for them?

[shalluv]

Furthermore, the assets are already located in the src/assets directory on the dev branch. You can merge (git pull origin dev) the dev branch into this one to access them. Please remove any redundant images from the src/images directory.

[shalluv]

Great job!