@riosst100/pwa-marketplace 1.5.2 → 1.5.4

package/src/overwrites/venia-ui/lib/components/TextInput/field.module.css

@@ -21,7 +21,7 @@
     composes: bg-white from global;
     composes: border-2 from global;
     composes: border-solid from global;
-    composes: border-input from global;
+    composes: border-gray-100 from global;
     composes: flex-textInput from global;
     composes: h-[2.5rem] from global;
     composes: inline-flex from global;
@@ -31,7 +31,8 @@
     composes: text-colorDefault from global;
     composes: text-colorDefault from global;
     composes: w-full from global;
-    padding: calc(0.375rem - 1px) calc(0.625rem - 1px); /* TODO @TW: review */
+    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
+    /* TODO @TW: review */
 
     composes: focus_outline-none from global;
     composes: focus_shadow-inputFocus from global;
@@ -47,4 +48,4 @@
     composes: font-normal from global;
     composes: text-base from global;
     composes: text-subtle from global;
-}
+}

package/src/overwrites/venia-ui/lib/components/TextInput/textInput.js

@@ -32,13 +32,21 @@ const TextInput = props => {
                     {...rest}
                     className={cn(
                         inputClass,
-                        'focus_shadow-none',
+                        'focus_shadow-none !border rounded-md',
                         inputClassName
                     )}
                     field={field}
                 />
             </FieldIcons>
-            <Message fieldState={fieldState}>{message}</Message>
+            <Message
+                classes={{
+                    root: 'text-[12px] font-normal',
+                    root_error: 'text-[12px] font-normal mt-1 text-red-400'
+                }}
+                fieldState={fieldState}
+            >
+                {message}
+            </Message>
         </Fragment>
     );
 };

package/src/overwrites/venia-ui/lib/components/TextInput/textInput.module.css

@@ -7,7 +7,7 @@
 .input_error {
     composes: input from './field.module.css';
 
-    composes: border-error from global;
+    composes: border-red-400 from global;
 }
 
 .input_shimmer {

package/src/talons/CollectibleGameSets/useCollectibleGameSets.js

@@ -8,6 +8,8 @@ import DEFAULT_OPERATIONS from './collectibleGameSets.gql';
 
 export const useCollectibleGameSets = props => {
 
+    const { product_type } = props
+
     const operations = mergeOperations(DEFAULT_OPERATIONS, null);
     const { getStoreConfigData, getCollectibleGameQuery } = operations;
     const { pathname } = useLocation();
@@ -25,8 +27,8 @@ export const useCollectibleGameSets = props => {
 
     const pathnameArr = pathname.split('/');
 
-    const categoryUrlKey = pathnameArr[pathnameArr.length - 2];
-    const productType = pathnameArr[pathnameArr.length - 1];
+    const categoryUrlKey = pathnameArr[pathnameArr.length - 1].replace('.html','');
+    const productType = product_type ? product_type : 'singles';
     
     const categoryUrlSuffix = storeConfigData?.storeConfig?.category_url_suffix;