Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file removed packages/boutique/backend/images/egg.png
Binary file not shown.
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ export const OrderSummary = ({ summary }: OrderSummaryProps) => {
<div className="flex items-center justify-between border-t pt-4">
<dt>Fees</dt>
<dd className="text-sm ml-6">
Eggs in basket will be counted in the next step
Fees will be calculated at the next step
</dd>
</div>
<div className="flex items-center justify-between border-t pt-4">
Expand Down
74 changes: 22 additions & 52 deletions packages/boutique/frontend/src/app/products/$slug.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,63 +42,33 @@ export function Component() {
if (data) {
return (
<ProductContext.Provider value={{ product: data.result }}>
{data.result.slug === 'luck' ? (
<div className="lg:grid lg:grid-cols-3 lg:gap-x-12">
<div className="aspect-h-1 aspect-w-1 mx-auto h-80 w-80 overflow-hidden rounded-md bg-green-light dark:bg-purple-dark lg:w-full">
<img
src={`${IMAGES_URL}egg.png`}
alt="easter egg"
className="h-full w-full object-scale-down object-center"
/>
</div>
<div className="lg:grid lg:grid-cols-3 lg:gap-x-12">
<div className="aspect-h-1 aspect-w-1 mx-auto h-80 w-80 overflow-hidden rounded-md bg-green-light dark:bg-purple-dark lg:w-full">
<img
src={`${IMAGES_URL}${theme === 'light' ? data.result.image : data.result.imageDark}`}
alt={data.result.name}
className="h-full w-full object-scale-down object-center"
/>
</div>

<div className="col-span-2 mt-10 px-4 sm:mt-16 sm:px-0 lg:mt-0">
<h1 className="text-3xl font-['DejaVuSansMonoBold'] tracking-tight">
Easter Egg
</h1>
<div className="mt-3">
<p className="text-3xl tracking-tight">{formatPrice(0.0)}</p>
</div>
<div className="prose mt-6 max-w-full">
<blockquote
className="quote space-y-6"
dangerouslySetInnerHTML={{
__html:
'&quot;If an egg is broken by an outside force, life ends. If broken by an inside force, life begins. Great things always begin from inside.&quot; - Jim Kwik'
}}
/>
</div>
<div className="col-span-2 mt-10 px-4 sm:mt-16 sm:px-0 lg:mt-0">
<h1 className="text-3xl font-['DejaVuSansMonoBold'] tracking-tight">
{data.result.name}
</h1>
<div className="mt-3">
<p className="text-3xl tracking-tight">
{formatPrice(data.result.price)}
</p>
</div>
</div>
) : (
<div className="lg:grid lg:grid-cols-3 lg:gap-x-12">
<div className="aspect-h-1 aspect-w-1 mx-auto h-80 w-80 overflow-hidden rounded-md bg-green-light dark:bg-purple-dark lg:w-full">
<img
src={`${IMAGES_URL}${theme === 'light' ? data.result.image : data.result.imageDark}`}
alt={data.result.name}
className="h-full w-full object-scale-down object-center"
<div className="prose mt-6 max-w-full">
<blockquote
className="quote space-y-6"
dangerouslySetInnerHTML={{ __html: data.result.description }}
/>
</div>

<div className="col-span-2 mt-10 px-4 sm:mt-16 sm:px-0 lg:mt-0">
<h1 className="text-3xl font-['DejaVuSansMonoBold'] tracking-tight">
{data.result.name}
</h1>
<div className="mt-3">
<p className="text-3xl tracking-tight">
{formatPrice(data.result.price)}
</p>
</div>
<div className="prose mt-6 max-w-full">
<blockquote
className="quote space-y-6"
dangerouslySetInnerHTML={{ __html: data.result.description }}
/>
</div>
<ProductCTA />
</div>
<ProductCTA />
</div>
)}
</div>
</ProductContext.Provider>
)
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import {
} from '@headlessui/react'
import { Fragment } from 'react'
import type { DialogProps } from '@/lib/types/dialog'
import { WarningE } from '../icons/Warning'
import { Warning } from '../icons/Warning'

type ConfirmationDialogProps = Pick<DialogProps, 'onClose'> & {
onConfirm: () => void
Expand Down Expand Up @@ -50,7 +50,7 @@ export const ConfirmationDialog = ({
>
<DialogPanel className="relative w-full max-w-md space-y-4 overflow-hidden rounded-lg bg-white p-8 shadow-xl dark:bg-purple">
<div className="flex flex-col px-4 text-center">
<WarningE strokeWidth={2} className="mx-auto h-16 w-16" />
<Warning strokeWidth={2} className="mx-auto h-16 w-16" />
<p className="text-center font-semibold text-pink-dark dark:text-pink-neon">
{message ?? (
<>
Expand All @@ -65,7 +65,7 @@ export const ConfirmationDialog = ({
aria-label="close dialog"
onClick={() => onClose()}
>
Cancel
Close
</Button>
<Button
aria-label={confirmText ?? 'continue'}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ export const CreateWalletAddressDialog = ({
<Input
required
label="Public name"
placeholder="easter egg"
placeholder="test"
error={
createWalletAddressForm.formState?.errors?.publicName
?.message
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ export const DepositDialog = ({
>
<DialogPanel className="relative w-full max-w-xl space-y-4 overflow-hidden rounded-lg bg-white p-8 shadow-xl dark:bg-purple">
<DialogTitle as="h3" className="text-center text-2xl font-bold">
Deposit to your egg basket
Deposit to Account
</DialogTitle>
<p className="text-xs text-center">
A small fee might be applied when making a deposit.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ import { FEATURES_ENABLED } from '@/utils/constants'
import { Button } from '@/ui/Button'
import { useRouter } from 'next/router'
import { useRefundContext } from '@/lib/context/refund'
import { TransE } from '../icons/Cog'

type TransactionDetailsDialogProps = Pick<DialogProps, 'onClose'> & {
transaction: TransactionListResponse
Expand Down Expand Up @@ -65,11 +64,7 @@ export const TransactionDetailsDialog = ({
<div className="text-dark-green dark:text-white pr-2">
<Card />
</div>
) : (
<div className="text-dark-green dark:text-white pr-2">
<TransE />
</div>
)}
) : null}
</div>
</DialogTitle>
<div className="flex flex-col gap-y-2">
Expand Down
154 changes: 59 additions & 95 deletions packages/wallet/frontend/src/components/icons/Bird.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -70,119 +70,83 @@ export const BirdSuccessLight = (props: SVGProps<SVGSVGElement>) => {

export const BirdSuccessDark = (props: SVGProps<SVGSVGElement>) => {
return (
// <svg
// width="162"
// height="93"
// viewBox="0 0 162 93"
// fill="none"
// xmlns="http://www.w3.org/2000/svg"
// {...props}
// >
// <path
// d="M136.566 5.83948C123.078 5.83948 112.143 18.176 112.143 33.3915C112.143 48.6069 123.078 60.9435 136.566 60.9435C150.053 60.9435 160.988 48.6069 160.988 33.3915C160.988 18.176 150.053 5.83948 136.566 5.83948ZM150.771 28.604L132.558 46.1332L122.7 34.2018C121.812 33.1356 121.869 31.4509 122.814 30.4593C123.759 29.457 125.252 29.521 126.131 30.5872L132.927 38.8081L147.718 24.5736C148.701 23.6246 150.185 23.7526 151.026 24.8721C151.868 25.981 151.754 27.655 150.762 28.604H150.771Z"
// stroke="#08FFFF"
// strokeWidth="1.5"
// strokeMiterlimit="10"
// />
// <path
// d="M65.8403 91.108L69.791 85.3608L70.6417 72.9283L72.1067 72.6298L71.256 85.0836L77.2294 87.1415L76.8135 88.7409L71.5207 86.9069L72.636 91.6411L71.2466 92.0783L70.1691 87.4827L66.9651 92.1422L65.8403 91.108Z"
// fill="white"
// />
// <path
// d="M53.3928 91.7158L56.3228 85.5741L55.784 73.2162L57.1545 73.0776L57.6649 85.041L63.5626 85.8727L63.4019 87.4401L58.1658 86.7044L59.8671 90.9481L58.6195 91.6198L56.9749 87.5041L54.6026 92.4728L53.3928 91.7158Z"
// fill="white"
// />
// <path
// d="M68.969 11.8532C68.969 11.8532 75.8402 4.74132 81.5206 2.88604C85.7737 1.48924 90.6791 0.732207 95.0362 2.37424C100.953 4.60271 105.754 12.6209 104.979 19.6582C104.232 26.4076 100.556 31.6109 92.6166 32.0588C88.1461 32.3147 82.9666 29.5531 79.5358 26.5676C77.3808 24.6909 76.6814 23.9019 74.999 21.5028C69.451 13.5912 68.969 11.8532 68.969 11.8532Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M98.8734 17.1099C98.3536 20.2233 95.3386 21.8547 92.8434 20.3619C91.3028 19.4343 90.4333 17.4084 90.7546 15.4678C91.2744 12.3544 94.2895 10.723 96.7846 12.2158C98.3252 13.1434 99.1948 15.1693 98.8734 17.1099Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M93.968 15.1053C94.3491 15.1053 94.658 14.7568 94.658 14.327C94.658 13.8971 94.3491 13.5486 93.968 13.5486C93.587 13.5486 93.2781 13.8971 93.2781 14.327C93.2781 14.7568 93.587 15.1053 93.968 15.1053Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M68.9688 11.8533C68.8743 11.9386 71.2844 16.886 71.464 17.5364C72.1256 19.9568 72.8911 22.132 73.203 24.6377C73.8174 29.4678 73.7985 34.9483 72.1634 39.5332C66.7004 54.866 52.3814 58.9711 38.724 62.2125C35.8791 62.8842 27.2972 64.3237 24.405 64.6755C24.405 64.6755 8.51705 66.6054 8.58321 61.722L68.9782 11.8533H68.9688Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M68.9689 11.8533C68.9689 11.8533 71.5208 20.2447 69.5738 26.8341C67.6268 33.4236 62.315 41.1433 48.2701 51.1661C34.2252 61.1889 26.8247 62.5537 17.9119 65.0594C17.9119 65.0594 7.80831 65.0594 8.57388 61.7327L68.9689 11.8639V11.8533Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M8.14855 61.6047L68.9783 11.8533C68.9783 11.8533 8.58332 61.722 3.98044 64.8141C0.303815 67.2879 0.00136436 72.6511 5.24694 72.3739C8.76289 72.1926 12.4112 69.463 15.4546 67.693C16.9762 66.808 18.4979 65.9124 20.6245 64.8248L15.2655 64.9314C13.999 65.0487 10.6343 64.2703 9.35834 63.4173L8.14855 61.6047Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M68.9689 12.0132C68.9689 12.0132 80.7455 39.2667 99.3177 30.2141C99.3177 30.2141 104.157 53.5651 87.2481 65.2086C70.3488 76.8628 53.0621 76.5322 35.1042 62.8415C35.1042 62.8415 89.9134 56.0068 68.9595 12.0132H68.9689Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M103.977 12.1625L115.139 24.5204L103.06 26.333C103.06 26.333 106.151 22.036 103.968 12.1625H103.977Z"
// stroke="white"
// strokeWidth="1.5"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// </svg>
<svg
width="162"
height="93"
viewBox="0 0 619 504"
viewBox="0 0 162 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
// width="162"
// height="93"
// viewBox="0 0 162 93"
{...props}
>
<path
d="M301.102 484.447C303.349 493.678 449.178 512.764 541.912 412.421C618.995 329.036 602.492 217.153 599.118 197.126C586.466 122.368 543.563 61.6382 532.51 65.5688C515.756 71.5342 594.413 218.232 529.144 328.448C507.645 364.75 475.539 388.652 445.813 410.784C366.436 469.877 299.53 478.011 301.103 484.447H301.102Z"
fill="#E4EEFB"
d="M136.566 5.83948C123.078 5.83948 112.143 18.176 112.143 33.3915C112.143 48.6069 123.078 60.9435 136.566 60.9435C150.053 60.9435 160.988 48.6069 160.988 33.3915C160.988 18.176 150.053 5.83948 136.566 5.83948ZM150.771 28.604L132.558 46.1332L122.7 34.2018C121.812 33.1356 121.869 31.4509 122.814 30.4593C123.759 29.457 125.252 29.521 126.131 30.5872L132.927 38.8081L147.718 24.5736C148.701 23.6246 150.185 23.7526 151.026 24.8721C151.868 25.981 151.754 27.655 150.762 28.604H150.771Z"
stroke="#08FFFF"
strokeWidth="1.5"
strokeMiterlimit="10"
/>
<path
d="M351.856 503.4C332.967 503.362 314.415 502.074 296.235 499.613C291.863 498.488 286.473 492.164 286.473 484.582C286.473 475.934 293.483 468.924 302.131 468.924C302.466 468.924 302.798 468.934 303.127 468.955C371.085 477.564 465.729 473.016 530.317 401.922C600.549 324.611 587.084 219.993 583.671 199.795C579.631 175.909 570.182 119.94 522.112 77.2717C483.516 42.9806 439.635 34.2124 416.908 32.0523C380.965 28.6156 360.54 37.658 329.662 51.3351C307.866 60.9879 280.731 72.9981 241.196 83.4337C182.165 98.9659 143.334 98.4816 114.978 98.1214C86.6214 97.7612 73.5866 97.5575 58.8677 111.735C38.3567 131.527 28.742 166.71 31.9051 210.732C34.8257 251.357 48.6822 296.789 68.9673 332.268C106.288 397.523 166.829 430.623 211.062 446.898C217.133 449.146 221.38 454.886 221.38 461.617C221.38 470.265 214.369 477.276 205.722 477.276C203.757 477.276 201.876 476.913 200.142 476.252C170.226 465.241 142.856 450.782 118.891 433.33C86.7926 409.953 60.8553 381.182 41.7839 347.823C18.9473 307.864 3.96239 258.722 0.673924 212.946C-1.11892 187.956 0.673929 165.087 5.94998 144.991C11.9783 122.131 22.4763 103.341 37.1334 89.1941C61.1054 66.0825 85.0622 66.388 115.423 66.7718C141.978 67.1085 178.359 67.5546 233.271 53.1184C270.364 43.3561 295.118 32.3871 317.041 22.7107C349.844 8.15669 375.781 -3.33671 419.889 0.883498C446.413 3.42033 497.669 13.6682 542.912 53.8623C599.225 103.889 610.358 169.777 614.546 194.579C616.636 206.926 620.958 240.026 616.049 280.697C609.277 336.87 588.225 384.735 553.495 422.972C519.275 460.637 474.627 485.392 420.771 496.619C400.504 500.932 377.217 503.402 353.354 503.402C352.827 503.402 352.3 503.401 351.773 503.397L351.856 503.4Z"
fill="black"
d="M65.8403 91.108L69.791 85.3608L70.6417 72.9283L72.1067 72.6298L71.256 85.0836L77.2294 87.1415L76.8135 88.7409L71.5207 86.9069L72.636 91.6411L71.2466 92.0783L70.1691 87.4827L66.9651 92.1422L65.8403 91.108Z"
fill="white"
/>
<path
d="M256.046 491.923C254.786 491.921 253.562 491.771 252.39 491.49L249.737 490.874C242.727 489.215 237.592 483.012 237.592 475.607C237.592 466.953 244.606 459.939 253.259 459.939C254.508 459.939 255.724 460.085 256.888 460.362L259.522 460.975C266.531 462.63 271.666 468.832 271.666 476.234C271.666 484.879 264.66 491.888 256.015 491.892L256.046 491.923Z"
fill="black"
d="M53.3928 91.7158L56.3228 85.5741L55.784 73.2162L57.1545 73.0776L57.6649 85.041L63.5626 85.8727L63.4019 87.4401L58.1658 86.7044L59.8671 90.9481L58.6195 91.6198L56.9749 87.5041L54.6026 92.4728L53.3928 91.7158Z"
fill="white"
/>
<path
d="M512.365 236.762C516.648 298.399 462.432 351.777 407.034 362.026C325.395 377.12 238.9 298.964 246.198 230.907C253.721 160.76 360.14 108.393 435.617 138.268C471.764 152.579 509.053 189.015 512.364 236.763L512.365 236.762Z"
fill="#FADC4A"
d="M68.969 11.8532C68.969 11.8532 75.8402 4.74132 81.5206 2.88604C85.7737 1.48924 90.6791 0.732207 95.0362 2.37424C100.953 4.60271 105.754 12.6209 104.979 19.6582C104.232 26.4076 100.556 31.6109 92.6166 32.0588C88.1461 32.3147 82.9666 29.5531 79.5358 26.5676C77.3808 24.6909 76.6814 23.9019 74.999 21.5028C69.451 13.5912 68.969 11.8532 68.969 11.8532Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M307.46 196.319C290.369 220.127 290.002 240.082 284.122 239.777C278.516 239.479 271.141 220.949 275.509 204.797C284.02 173.482 333.718 162.678 336.176 166.944C337.616 169.41 322.546 175.369 307.46 196.318V196.319Z"
fill="white"
d="M98.8734 17.1099C98.3536 20.2233 95.3386 21.8547 92.8434 20.3619C91.3028 19.4343 90.4333 17.4084 90.7546 15.4678C91.2744 12.3544 94.2895 10.723 96.7846 12.2158C98.3252 13.1434 99.1948 15.1693 98.8734 17.1099Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M93.968 15.1053C94.3491 15.1053 94.658 14.7568 94.658 14.327C94.658 13.8971 94.3491 13.5486 93.968 13.5486C93.587 13.5486 93.2781 13.8971 93.2781 14.327C93.2781 14.7568 93.587 15.1053 93.968 15.1053Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M484.949 284.495C458.768 342.319 374.514 352.114 371.336 345.561C368.54 339.783 429.269 323.311 456.123 265.862C477.339 220.454 463.756 178.468 469.69 177.685C476.776 176.73 507.066 235.65 484.949 284.495Z"
fill="#E8CC45"
d="M68.9688 11.8533C68.8743 11.9386 71.2844 16.886 71.464 17.5364C72.1256 19.9568 72.8911 22.132 73.203 24.6377C73.8174 29.4678 73.7985 34.9483 72.1634 39.5332C66.7004 54.866 52.3814 58.9711 38.724 62.2125C35.8791 62.8842 27.2972 64.3237 24.405 64.6755C24.405 64.6755 8.51705 66.6054 8.58321 61.722L68.9782 11.8533H68.9688Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M68.9689 11.8533C68.9689 11.8533 71.5208 20.2447 69.5738 26.8341C67.6268 33.4236 62.315 41.1433 48.2701 51.1661C34.2252 61.1889 26.8247 62.5537 17.9119 65.0594C17.9119 65.0594 7.80831 65.0594 8.57388 61.7327L68.9689 11.8639V11.8533Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8.14855 61.6047L68.9783 11.8533C68.9783 11.8533 8.58332 61.722 3.98044 64.8141C0.303815 67.2879 0.00136436 72.6511 5.24694 72.3739C8.76289 72.1926 12.4112 69.463 15.4546 67.693C16.9762 66.808 18.4979 65.9124 20.6245 64.8248L15.2655 64.9314C13.999 65.0487 10.6343 64.2703 9.35834 63.4173L8.14855 61.6047Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M68.9689 12.0132C68.9689 12.0132 80.7455 39.2667 99.3177 30.2141C99.3177 30.2141 104.157 53.5651 87.2481 65.2086C70.3488 76.8628 53.0621 76.5322 35.1042 62.8415C35.1042 62.8415 89.9134 56.0068 68.9595 12.0132H68.9689Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M103.977 12.1625L115.139 24.5204L103.06 26.333C103.06 26.333 106.151 22.036 103.968 12.1625H103.977Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
Expand Down
Loading
Loading