Image Pass

components/core/UserNav/DropdownMenu.tsx

@@ -40,8 +40,8 @@ const DropdownMenu: FC<DropdownMenuProps> = ({ open = false }) => {
     >
       <Menu.Items className={s.dropdownMenu}>
         {LINKS.map(({ name, href }) => (
-          <Link href={href}>
+          <Link href={href} key={href}>
-            <Menu.Item key={href}>
+            <Menu.Item>
               {({ active }) => (
                 <a className={cn(s.link, { [s.active]: active })}>{name}</a>
               )}

components/product/ProductCard/ProductCard.tsx

@@ -24,7 +24,7 @@ const ProductCard: FC<Props> = ({
   imgHeight,
   priority,
 }) => {
-  const src = p.images.edges?.[0]?.node.urlOriginal!
+  const src = p.images.edges?.[0]?.node.urlLarge!
 
   if (variant === 'slim') {
     return (
@@ -35,7 +35,7 @@ const ProductCard: FC<Props> = ({
           </span>
         </div>
         <EnhancedImage
-          src={src}
+          src={p.images.edges?.[0]?.node.urlSmall!}
           alt={p.name}
           width={imgWidth}
           height={imgHeight}

tailwind.config.js

@@ -3,7 +3,14 @@ module.exports = {
     removeDeprecatedGapUtilities: true,
     purgeLayersByDefault: true,
   },
-  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
+  purge: {
+    preserveHtmlElements: false,
+    mode: 'all',
+    content: [
+      './pages/**/*.{js,ts,jsx,tsx}',
+      './components/**/*.{js,ts,jsx,tsx}',
+    ],
+  },
   theme: {
     extend: {
       maxWidth: {