New Release (#371)

* Custom Checkout Progress * Updates to Checkout * Custom Checkout Progress * Adding tabs * Adding Collapse * Adding Collapse * Improving Sidebar Scroll * Modif footer * Changes * More design updates * sidebar cart * More design updates * More design updates * More design updates * More design updates * Types * Types * Design Updates * More changes * More changes * More changes * Changes * Changes * Changes * New tailwind required changes * Sidebar Styling issues with Mobile * Latest changes - Normalizing cart * Styling Fixes * New changes * Changes * latest * Refactor and Renaming some UI Props * Adding Quantity Component * Adding Rating Component * Rating Component * More updates * User Select disabled, plus hidding horizontal scroll bars * Changes * Adding ProductOptions Component and more helpers * Styling updates * Styling updates * Fix for slim tags * Missmatch with RightArrow * Footer updates and some styles * Latest Updates * Latest Updates * Latest Updates * Removing Portal, since it's not needed. We might add it later I'd rather not to. * Removing Portal, since it's not needed. We might add it later I'd rather not to. * Sam backdrop filter * General UI Improvements * General UI Improvements * Search now with Geist Colors * Now with Geist Colors * Changes * Scroll for Mobile on IOs devises * LoadingDots Working (: * Changes * More Changes * Perf changes * More perf changes * Fade to the Nametags in the ProductCard * changes * Search issue ui * Search issue ui * Make sure to only refresh navbar and modals when required * Index revalidate * Fixed image issue * hide album scroll on windows * Fix scrollbar * Changing * Adding 404 with Layout * Removing Toast * Adding Assets * Adding Assets * Progress with LocalProvider * New productTag * Only images for the drop * changes * Empty SWRhooks * Adding Local Provider * Working local * Working view of a LocalProvider * More updates * Changes * Removed react-ticker * default to local if no env available * default to local if no env available * add missing `@` to css import * rewrite search rewrites to multiple pages * allow requests in getStaticProps to execute in parallel * make type import explicit * add a tsconfig.js file * use local provider in tsconfig.js * avoid a circular dependency * Saleor was not in the providers list * avoid circular dependency in bigcommerce * Adding more to the Local Provider (#366) * Adding more data * Adding more data * optimize assets (#370) * Optimize assets (#372) * optimize assets * remove assets * remove assets * cart enabled * Adding saleor * Changes with Webpack * Changes Co-authored-by: Luis Alvarez <luis@vercel.com> Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com> Co-authored-by: Shu Ding <g@shud.in>
2025-07-22 20:26:49 +00:00 · 2021-06-15 20:23:17 -03:00
parent 3c9b90f453
commit 78cc378a72
202 changed files with 15406 additions and 2201 deletions
--- a/components/wishlist/WishlistButton/WishlistButton.module.css
+++ b/components/wishlist/WishlistButton/WishlistButton.module.css
@@ -0,0 +1,33 @@
+.root {
+  transition-duration: 0.2s;
+  transition-timing-function: ease;
+  transition-property: color, background-color, opacity;
+  @apply p-3 text-accent-9 flex items-center
+  justify-center font-semibold cursor-pointer
+  bg-accent-0 text-sm;
+}
+
+.root:focus {
+  @apply outline-none;
+}
+
+.icon {
+  transition-duration: 0.2s;
+  transition-timing-function: ease;
+  transition-property: transform, fill;
+  color: currentColor;
+}
+
+.icon.loading {
+  fill: var(--pink-light);
+}
+
+.icon.inWishlist {
+  fill: var(--pink);
+}
+
+@screen lg {
+  .root {
+    @apply p-4;
+  }
+}
--- a/components/wishlist/WishlistButton/WishlistButton.tsx
+++ b/components/wishlist/WishlistButton/WishlistButton.tsx
@@ -6,6 +6,7 @@ import useAddItem from '@framework/wishlist/use-add-item'
 import useCustomer from '@framework/customer/use-customer'
 import useWishlist from '@framework/wishlist/use-wishlist'
 import useRemoveItem from '@framework/wishlist/use-remove-item'
+import s from './WishlistButton.module.css'
 import type { Product, ProductVariant } from '@commerce/types/product'

 type Props = {
@@ -66,11 +67,16 @@ const WishlistButton: FC<Props> = ({
  return (
    <button
      aria-label="Add to wishlist"
-      className={cn({ 'opacity-50': loading }, className)}
+      className={cn(s.root, className)}
      onClick={handleWishlistChange}
      {...props}
    >
-      <Heart fill={itemInWishlist ? 'var(--pink)' : 'none'} />
+      <Heart
+        className={cn(s.icon, {
+          [s.loading]: loading,
+          [s.inWishlist]: itemInWishlist,
+        })}
+      />
    </button>
  )
 }
--- a/components/wishlist/WishlistCard/WishlistCard.module.css
+++ b/components/wishlist/WishlistCard/WishlistCard.module.css
@@ -1,5 +1,5 @@
 .root {
-  @apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-accents-2 transition duration-100 ease-in-out;
+  @apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-accent-2 transition duration-100 ease-in-out;

  &:nth-child(3n + 1) {
    & .productBg {