Describe the bug
Padding for input field can be added for better UI experience.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser: chrome
• Version 103.0.5060.66

See https://scrutinizer-ci.com/g/w3bdesign/nextjs-woocommerce/issues/master/files/utils/functions/functions.js?orderField=path&order=asc&honorSelectedPaths=0&issueId=45950828#inspectioncomment-164403184

ApolloError: Cannot query field "allPaColors" on type "VariableProduct".
Cannot query field "allPaSizes" on type "VariableProduct"

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Similar blocks of code found in 2 locations. Consider refactoring.

https://codeclimate.com/github/w3bdesign/nextjs-woocommerce/pages/produkter.js#issue_615d155cdf9ab70001000074

see https://scrutinizer-ci.com/g/w3bdesign/nextjs-woocommerce/issues/master/files/utils/functions/functions.js?orderField=path&order=asc&honorSelectedPaths=0&issueId=45950833#inspectioncomment-164403189

I think you will be able to complete this project with the help of my plugin CoCart specially with the session handling. Let me know if you have any questions.

Similar blocks of code found in 2 locations. Consider refactoring.

https://codeclimate.com/github/w3bdesign/nextjs-woocommerce/components/Checkout/Billing.component.jsx#issue_615d155cdf9ab70001000070

• Token structure (do not use object)
• Margin bottom mobile

• Typescript
• E2E testing with Playwright

We should display a placeholder image if no image was added in WooCommerce

Codacy detected an issue:

Message: Arrow function has a complexity of 13. Maximum allowed is 4.

Occurred on:

• Commit: 64fc565
• File: components/Header/Hamburger.component.jsx
• LineNum: 7
• Code: const Hamburger = () => {

Currently on:

• Commit: b28e477
• File: components/Header/Hamburger.component.jsx
• LineNum: 10

Codacy detected an issue:

Message: Arrow function has a complexity of 8. Maximum allowed is 4.

Occurred on:

• Commit: 469e8ef
• File: components/Checkout/Billing.component.jsx
• LineNum: 30
• Code: const Billing = ({ onSubmit }) => {

Currently on:

• Commit: 6a58689
• File: components/Checkout/Billing.component.jsx
• LineNum: 3

Should test this with updated versions of Wordpress plugins

Function Hamburger has 103 lines of code (exceeds 100 allowed). Consider refactoring.

https://codeclimate.com/github/w3bdesign/nextjs-woocommerce/components/Header/Hamburger.component.jsx#issue_61b157bf8ceae20001000056

Error adding product to cart?

Function Hamburger has 103 lines of code (exceeds 100 allowed). Consider refactoring.

https://codeclimate.com/github/w3bdesign/nextjs-woocommerce/components/Header/Hamburger.component.jsx#issue_61b159b4d7394a0001000056

Function Hamburger has 123 lines of code (exceeds 100 allowed). Consider refactoring.

https://codeclimate.com/github/w3bdesign/nextjs-woocommerce/components/Header/Hamburger.component.jsx#issue_61b01556ce58920001000055

see https://scrutinizer-ci.com/g/w3bdesign/nextjs-woocommerce/issues/master/files/utils/functions/functions.js?selectedLabels%5B0%5D=18&orderField=path&order=asc&fileId=utils/functions/functions.js&honorSelectedPaths=0&issueId=45950832#inspectioncomment-164404946

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	react-instantsearch-dom

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency eslint to v9
• Update dependency uuid to v10 (uuid, @types/uuid)

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Codacy detected an issue:

Message: Generic Object Injection Sink

Occurred on:

• Commit: c9bb8b7
• File: utils/functions/functions.js
• LineNum: 200
• Code: const givenProduct = givenProducts[i].product;

Currently on:

• Commit: a939ebb
• File: utils/functions/functions.js
• LineNum: 63

See https://scrutinizer-ci.com/g/w3bdesign/nextjs-woocommerce/issues/master/files/utils/functions/functions.js?orderField=path&order=asc&honorSelectedPaths=0&issueId=45950831#inspectioncomment-164403187

Similar blocks of code found in 2 locations. Consider refactoring.

https://codeclimate.com/github/w3bdesign/nextjs-woocommerce/pages/kategorier.js#issue_615d155cdf9ab70001000075

Work is in progress.

https://flowbite.com/docs/components/tables/

https://github.com/NoriSte/ui-testing-best-practices

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'dev'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle [email protected]predev: [email protected]
6 info lifecycle [email protected]dev: [email protected]
7 verbose lifecycle [email protected]dev: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]dev: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\felix\Downloads\nextjs-woocommerce-master\node_modules.bin;C:\Program Files\Common Files\Oracle\Java\javapath;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Users\felix\AppData\Roaming\npm;C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v10.2\libnvvp;C:\Program Files (x86)\Common Files\Intel\Shared Libraries\redist\ia32\compiler;C:\Program Files (x86)\Common Files\Intel\Shared Libraries\redist\intel64\compiler;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Windows\System32\OpenSSH;C:\Program Files (x86)\QuickTime\QTSystem;C:\Program Files\Microsoft SQL Server\130\Tools\Binn;C:\Program Files\NVIDIA Corporation\Nsight Compute 2019.5.0;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\170\Tools\Binn;C:\Program Files\PuTTY;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\Apache24\bin;C:\Program Files\dotnet;C:\xampp\php;C:\composer;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\NVIDIA Corporation\NVIDIA NvDLISR;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\Program Files\nodejs;C:\Program Files (x86)\Bitvise SSH Client;C:\Program Files\Git\cmd;C:\Users\felix\AppData\Local\Programs\Python\Python38-32\Scripts;C:\Users\felix\AppData\Local\Programs\Python\Python38-32;C:\Program Files\MySQL\MySQL Shell 8.0\bin;C:\Users\felix\AppData\Local\Microsoft\WindowsApps;C:\Users\felix\AppData\Local\GitHubDesktop\bin;C:\Users\felix\AppData\Local\atom\bin;C:\Users\felix.dotnet\tools;C:\Users\felix\AppData\Roaming\Composer\vendor\bin;C:\Users\felix\AppData\Local\Microsoft\WindowsApps;C:\Users\felix\AppData\Local\Programs\Microsoft VS Code\bin
9 verbose lifecycle [email protected]dev: CWD: C:\Users\felix\Downloads\nextjs-woocommerce-master
10 silly lifecycle [email protected]dev: Args: [ '/d /s /c', 'next dev' ]
11 silly lifecycle [email protected]dev: Returned: code: 1 signal: null
12 info lifecycle [email protected]dev: Failed to exec dev script
13 verbose stack Error: [email protected] dev: next dev
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:376:20)
13 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:376:20)
13 verbose stack at maybeClose (internal/child_process.js:1055:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\felix\Downloads\nextjs-woocommerce-master
16 verbose Windows_NT 10.0.19045
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
18 verbose node v14.17.0
19 verbose npm v6.14.13
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] dev: next dev
22 error Exit status 1
23 error Failed at the [email protected] dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

https://blog.saeloun.com/2021/12/09/react-18-useid-api

https://www.cooperscandy.no/

Waiting for apollographql/apollo-client#8419 to be released

When we add a product to the cart, and visit the store a week later or so, we get a token expiration error.

The fix for this is to manually clear the local storage, which is not ideal.

I used this query to fetch all product from my store:

query MyQuery { products(first: 1000) { nodes { id image { sourceUrl } name onSale productCategories { nodes { slug } } productTags { nodes { slug } } sku status totalSales type visibleProducts { nodes { slug isRestricted } } ... on VariableProduct { manageStock onSale price(format: RAW) regularPrice(format: RAW) salePrice(format: RAW) soldIndividually weight width } ... on ExternalProduct { onSale price(format: RAW) regularPrice(format: RAW) salePrice(format: RAW) } ... on SimpleProduct { price(format: RAW) regularPrice(format: RAW) salePrice(format: RAW) virtual weight width } } } }

But, I received the error:

ApolloError: Response not successful: Received status code 500 at new ApolloError (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/errors/errors.cjs.js:31:28) at /Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/core/core.cjs.js:1490:19 at /Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/utilities/utilities.cjs.js:958:69 at new Promise (<anonymous>) at Object.error (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/utilities/utilities.cjs.js:958:21) at notifySubscription (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:140:18) at onNotify (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:179:3) at SubscriptionObserver.error (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:240:7) at /Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/utilities/utilities.cjs.js:946:68 at Array.forEach (<anonymous>) at iterateObserversSafely (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/utilities/utilities.cjs.js:946:25) at Object.error (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/utilities/utilities.cjs.js:1031:21) at notifySubscription (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:140:18) at onNotify (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:179:3) at SubscriptionObserver.error (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:240:7) at Object.error (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/zen-observable/lib/Observable.js:330:22) { graphQLErrors: [], networkError: Error [ServerError]: Response not successful: Received status code 500 at Object.throwServerError (/Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/link/utils/utils.cjs.js:45:17) at /Volumes/DATA/OwnCode/viet-healthy-dn/node_modules/@apollo/client/link/http/http.cjs.js:32:19 at runMicrotasks (<anonymous>) at processTicksAndRejections (internal/process/task_queues.js:97:5) { response: Response { size: 0, timeout: 0, [Symbol(Body internals)]: [Object], [Symbol(Response internals)]: [Object] }, statusCode: 500, result: { code: 'internal_server_error', message: '<p>There has been a critical error on this website.</p><p><a href="https://wordpress.org/support/article/debugging-in-wordpress/">Learn more about debugging in WordPress.</a></p>', data: [Object], additional_errors: [] } }, extraInfo: undefined }

It's look like any limit are here? I don't know. How can I solved this issue?
I just wanna fetch all products (about only 154 items) for SSG. I dont want pagination here.

It looks like a favicon is missing for this website.

Adding a favicon for this website will help identify this project amongst a bunch of tabs.
I'm open for discussion.

Pls assign this issue to me so that I can work on this.