crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 12:24:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #47 from KieIO/m6-quangnhanimproveui

Browse Source 
M6 quangnhanimproveui
This commit is contained in:
lytrankieio123 2021-09-14 17:27:14 +07:00 committed by GitHub
commit c83e6cf88d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
24 changed files with 1537 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/account-not-login.tsx Normal file
View File

@ -0,0 +1,15 @@
import React from 'react';
import { Layout } from 'src/components/common';
import { AccountSignIn } from 'src/components/modules/account';
const AccountNotLogin = () => {
return (
<>
<AccountSignIn/>
</>
);
};
AccountNotLogin.Layout = Layout
export default AccountNotLogin;

7
pages/account.tsx
View File

@ -1,10 +1,13 @@
import React from 'react';
import { Layout } from 'src/components/common';
import { AccountPage } from 'src/components/modules/account';
import { AccountPage, AccountSignIn } from 'src/components/modules/account';
const Account = () => {
return (
<AccountPage/>
// <AccountPage/>
<>
<AccountSignIn/>
</>
);
};

4
pages/index.tsx
View File

@ -1,5 +1,6 @@
import { Layout } from 'src/components/common';
import { HomeBanner, HomeCategories, HomeCollection, HomeCTA, HomeFeature, HomeRecipe, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
import HomeSpice from 'src/components/modules/home/HomeSpice/HomeSpice';
export default function Home() {
return (
@ -9,8 +10,9 @@ export default function Home() {
<HomeCategories />
<HomeCollection />
<HomeVideo />
<HomeSpice/>
<HomeCTA />
<HomeRecipe />
<HomeRecipe />
<HomeSubscribe />
{/* // todo: uncomment

2
pages/products.tsx
View File

@ -1,4 +1,5 @@
import { Layout } from 'src/components/common';
import { ViewedProducts } from 'src/components/modules/product-detail';
import ProductListFilter from 'src/components/modules/product-list/ProductListFilter/ProductListFilter';
import RecipeListBanner from 'src/components/modules/recipes-list/RecipeListBanner/RecipeListBanner';
import RecipesList from 'src/components/modules/recipes-list/RecipesList/RecipesList';
@ -10,6 +11,7 @@ export default function Products() {
<>
<ProductListBanner />
<ProductListFilter/>
<ViewedProducts/>
</>
)
}

BIN
public/assets/images/accountsignin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

634
report.20210914.152506.13752.0.001.json Normal file
View File

@ -0,0 +1,634 @@
{
"header": {
"reportVersion": 1,
"event": "Allocation failed - JavaScript heap out of memory",
"trigger": "FatalError",
"filename": "report.20210914.152506.13752.0.001.json",
"dumpEventTime": "2021-09-14T15:25:06Z",
"dumpEventTimeStamp": "1631607906529",
"processId": 13752,
"cwd": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce",
"commandLine": [
"node",
"G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce\\node_modules\\.bin\\\\..\\next\\dist\\bin\\next",
"dev"
],
"nodejsVersion": "v12.15.0",
"wordSize": 64,
"arch": "x64",
"platform": "win32",
"componentVersions": {
"node": "12.15.0",
"v8": "7.7.299.13-node.16",
"uv": "1.33.1",
"zlib": "1.2.11",
"brotli": "1.0.7",
"ares": "1.15.0",
"modules": "72",
"nghttp2": "1.40.0",
"napi": "5",
"llhttp": "2.0.4",
"http_parser": "2.9.3",
"openssl": "1.1.1d",
"cldr": "35.1",
"icu": "64.2",
"tz": "2019c",
"unicode": "12.1"
},
"release": {
"name": "node",
"lts": "Erbium",
"headersUrl": "https://nodejs.org/download/release/v12.15.0/node-v12.15.0-headers.tar.gz",
"sourceUrl": "https://nodejs.org/download/release/v12.15.0/node-v12.15.0.tar.gz",
"libUrl": "https://nodejs.org/download/release/v12.15.0/win-x64/node.lib"
},
"osName": "Windows_NT",
"osRelease": "10.0.19043",
"osVersion": "Windows 10 Pro",
"osMachine": "x86_64",
"cpus": [
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 121689328,
"nice": 0,
"sys": 59562031,
"idle": 448265421,
"irq": 6192437
},
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 124353031,
"nice": 0,
"sys": 45453531,
"idle": 459710031,
"irq": 1005640
},
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 137889625,
"nice": 0,
"sys": 46363593,
"idle": 445263359,
"irq": 561437
},
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 139168734,
"nice": 0,
"sys": 43450859,
"idle": 446897000,
"irq": 467531
}
],
"networkInterfaces": [
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "2402:800:6318:9d24:f937:34a5:8214:a074",
"netmask": "ffff:ffff:ffff:ffff::",
"family": "IPv6",
"scopeid": 0
},
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "2402:800:6318:9d24:d442:f151:35d4:8126",
"netmask": "ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff",
"family": "IPv6",
"scopeid": 0
},
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "fe80::f937:34a5:8214:a074",
"netmask": "ffff:ffff:ffff:ffff::",
"family": "IPv6",
"scopeid": 21
},
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "192.168.1.13",
"netmask": "255.255.255.0",
"family": "IPv4"
},
{
"name": "Loopback Pseudo-Interface 1",
"internal": true,
"mac": "00:00:00:00:00:00",
"address": "::1",
"netmask": "ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff",
"family": "IPv6",
"scopeid": 0
},
{
"name": "Loopback Pseudo-Interface 1",
"internal": true,
"mac": "00:00:00:00:00:00",
"address": "127.0.0.1",
"netmask": "255.0.0.0",
"family": "IPv4"
}
],
"host": "DESKTOP-TILU55O"
},
"javascriptStack": {
"message": "No stack.",
"stack": [
"Unavailable."
]
},
"nativeStack": [
{
"pc": "0x00007ff794f61759",
"symbol": "std::basic_ostream<char,std::char_traits<char> >::operator<<+10873"
},
{
"pc": "0x00007ff794f65b7c",
"symbol": "std::basic_ostream<char,std::char_traits<char> >::operator<<+28316"
},
{
"pc": "0x00007ff794f64b38",
"symbol": "std::basic_ostream<char,std::char_traits<char> >::operator<<+24152"
},
{
"pc": "0x00007ff79505446b",
"symbol": "v8::base::CPU::has_sse+37723"
},
{
"pc": "0x00007ff795858d9e",
"symbol": "v8::Isolate::ReportExternalAllocationLimitReached+94"
},
{
"pc": "0x00007ff795840de1",
"symbol": "v8::SharedArrayBuffer::Externalize+833"
},
{
"pc": "0x00007ff79570e6ac",
"symbol": "v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1436"
},
{
"pc": "0x00007ff795719a50",
"symbol": "v8::internal::Heap::ProtectUnprotectedMemoryChunks+1312"
},
{
"pc": "0x00007ff795716584",
"symbol": "v8::internal::Heap::PageFlagsAreConsistent+3204"
},
{
"pc": "0x00007ff79570be13",
"symbol": "v8::internal::Heap::CollectGarbage+1283"
},
{
"pc": "0x00007ff79570a5e4",
"symbol": "v8::internal::Heap::AddRetainedMap+2356"
},
{
"pc": "0x00007ff79572b8b5",
"symbol": "v8::internal::Factory::NewFillerObject+53"
},
{
"pc": "0x00007ff795497a17",
"symbol": "v8::internal::interpreter::JumpTableTargetOffsets::iterator::operator=+3687"
},
{
"pc": "0x00007ff795c84d3d",
"symbol": "v8::internal::SetupIsolateDelegate::SetupHeap+567949"
},
{
"pc": "0x000003ffcfc4917f",
"symbol": ""
}
],
"javascriptHeap": {
"totalMemory": 2191572992,
"totalCommittedMemory": 2191572992,
"usedMemory": 2084024144,
"availableMemory": 44664008,
"memoryLimit": 2197815296,
"heapSpaces": {
"read_only_space": {
"memorySize": 262144,
"committedMemory": 262144,
"capacity": 261872,
"used": 32296,
"available": 229576
},
"new_space": {
"memorySize": 33554432,
"committedMemory": 33554432,
"capacity": 16759808,
"used": 5279488,
"available": 11480320
},
"old_space": {
"memorySize": 1724231680,
"committedMemory": 1724231680,
"capacity": 1661472712,
"used": 1651520712,
"available": 9952000
},
"code_space": {
"memorySize": 4620288,
"committedMemory": 4620288,
"capacity": 3800032,
"used": 3800032,
"available": 0
},
"map_space": {
"memorySize": 9179136,
"committedMemory": 9179136,
"capacity": 4157280,
"used": 4157280,
"available": 0
},
"large_object_space": {
"memorySize": 418529280,
"committedMemory": 418529280,
"capacity": 418137088,
"used": 418137088,
"available": 0
},
"code_large_object_space": {
"memorySize": 1196032,
"committedMemory": 1196032,
"capacity": 1097248,
"used": 1097248,
"available": 0
},
"new_large_object_space": {
"memorySize": 0,
"committedMemory": 0,
"capacity": 16759808,
"used": 0,
"available": 16759808
}
}
},
"resourceUsage": {
"userCpuSeconds": 2176.56,
"kernelCpuSeconds": 163.562,
"cpuConsumptionPercent": 12.5503,
"maxRss": 3128586240,
"pageFaults": {
"IORequired": 15608643,
"IONotRequired": 0
},
"fsActivity": {
"reads": 46277,
"writes": 785844
}
},
"libuv": [
],
"environmentVariables": {
"=G:": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce",
"ALLUSERSPROFILE": "C:\\ProgramData",
"ANDROID_HOME": "G:\\ASDK",
"ANDROID_SDK_ROOT": "G:\\ASDK",
"APPDATA": "C:\\Users\\nhan\\AppData\\Roaming",
"ChocolateyInstall": "C:\\ProgramData\\chocolatey",
"ChocolateyLastPathUpdate": "132608575831335062",
"CHROME_CRASHPAD_PIPE_NAME": "\\\\.\\pipe\\crashpad_11504_LVARTKDVZJSQMMYN",
"CLASSPATH": "C:\\Program Files\\Java\\jdk1.8.0_231\\bin",
"COLORTERM": "truecolor",
"COMMERCE_CUSTOMERAUTH_ENABLED": "true",
"COMMERCE_PROVIDER": "vendure",
"CommonProgramFiles": "C:\\Program Files\\Common Files",
"CommonProgramFiles(x86)": "C:\\Program Files (x86)\\Common Files",
"CommonProgramW6432": "C:\\Program Files\\Common Files",
"COMPUTERNAME": "DESKTOP-TILU55O",
"ComSpec": "C:\\WINDOWS\\system32\\cmd.exe",
"dp0": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce\\node_modules\\.bin\\",
"DriverData": "C:\\Windows\\System32\\Drivers\\DriverData",
"FPS_BROWSER_APP_PROFILE_STRING": "Internet Explorer",
"FPS_BROWSER_USER_PROFILE_STRING": "Default",
"GIT_ASKPASS": "c:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\resources\\app\\extensions\\git\\dist\\askpass.sh",
"GIT_LFS_PATH": "C:\\Program Files\\Git LFS",
"HOME": "C:\\Users\\nhan",
"HOMEDRIVE": "C:",
"HOMEPATH": "\\Users\\nhan",
"INIT_CWD": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce",
"JAVA_HOME": "C:\\Program Files\\Java\\jdk1.8.0_281",
"LANG": "en_US.UTF-8",
"LOCALAPPDATA": "C:\\Users\\nhan\\AppData\\Local",
"LOGONSERVER": "\\\\DESKTOP-TILU55O",
"NEXT_PUBLIC_VENDURE_LOCAL_URL": "/vendure-shop-api",
"NEXT_PUBLIC_VENDURE_SHOP_API_URL": "https://demo.vendure.io/shop-api",
"NODE": "C:\\Program Files\\nodejs\\node.exe",
"NODE_ENV": "development",
"NODE_EXE": "C:\\Program Files\\nodejs\\\\node.exe",
"NODE_OPTIONS": "'--inspect' ",
"NPM_CLI_JS": "C:\\Program Files\\nodejs\\\\node_modules\\npm\\bin\\npm-cli.js",
"npm_config_access": "",
"npm_config_allow_same_version": "",
"npm_config_also": "",
"npm_config_always_auth": "",
"npm_config_argv": "{\"remain\":[],\"cooked\":[\"run\",\"dev-windows\"],\"original\":[\"run\",\"dev-windows\"]}",
"npm_config_audit": "true",
"npm_config_audit_level": "low",
"npm_config_auth_type": "legacy",
"npm_config_before": "",
"npm_config_bin_links": "true",
"npm_config_browser": "",
"npm_config_ca": "",
"npm_config_cache": "C:\\Users\\nhan\\AppData\\Roaming\\npm-cache",
"npm_config_cache_lock_retries": "10",
"npm_config_cache_lock_stale": "60000",
"npm_config_cache_lock_wait": "10000",
"npm_config_cache_max": "Infinity",
"npm_config_cache_min": "10",
"npm_config_cafile": "",
"npm_config_cert": "",
"npm_config_cidr": "",
"npm_config_color": "true",
"npm_config_commit_hooks": "true",
"npm_config_depth": "Infinity",
"npm_config_description": "true",
"npm_config_dev": "",
"npm_config_dry_run": "",
"npm_config_editor": "notepad.exe",
"npm_config_engine_strict": "",
"npm_config_fetch_retries": "2",
"npm_config_fetch_retry_factor": "10",
"npm_config_fetch_retry_maxtimeout": "60000",
"npm_config_fetch_retry_mintimeout": "10000",
"npm_config_force": "",
"npm_config_format_package_lock": "true",
"npm_config_fund": "true",
"npm_config_git": "git",
"npm_config_git_tag_version": "true",
"npm_config_global": "",
"npm_config_globalconfig": "C:\\Users\\nhan\\AppData\\Roaming\\npm\\etc\\npmrc",
"npm_config_globalignorefile": "C:\\Users\\nhan\\AppData\\Roaming\\npm\\etc\\npmignore",
"npm_config_global_style": "",
"npm_config_group": "",
"npm_config_ham_it_up": "",
"npm_config_heading": "npm",
"npm_config_https_proxy": "",
"npm_config_if_present": "",
"npm_config_ignore_prepublish": "",
"npm_config_ignore_scripts": "",
"npm_config_init_author_email": "",
"npm_config_init_author_name": "",
"npm_config_init_author_url": "",
"npm_config_init_license": "ISC",
"npm_config_init_module": "C:\\Users\\nhan\\.npm-init.js",
"npm_config_init_version": "1.0.0",
"npm_config_json": "",
"npm_config_key": "",
"npm_config_legacy_bundling": "",
"npm_config_link": "",
"npm_config_local_address": "",
"npm_config_loglevel": "notice",
"npm_config_logs_max": "10",
"npm_config_long": "",
"npm_config_maxsockets": "50",
"npm_config_message": "%s",
"npm_config_metrics_registry": "https://registry.npmjs.org/",
"npm_config_node_gyp": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js",
"npm_config_node_options": "",
"npm_config_node_version": "12.15.0",
"npm_config_noproxy": "",
"npm_config_offline": "",
"npm_config_onload_script": "",
"npm_config_only": "",
"npm_config_optional": "true",
"npm_config_otp": "",
"npm_config_package_lock": "true",
"npm_config_package_lock_only": "",
"npm_config_parseable": "",
"npm_config_prefer_offline": "",
"npm_config_prefer_online": "",
"npm_config_prefix": "C:\\Users\\nhan\\AppData\\Roaming\\npm",
"npm_config_preid": "",
"npm_config_production": "",
"npm_config_progress": "true",
"npm_config_proxy": "",
"npm_config_read_only": "",
"npm_config_rebuild_bundle": "true",
"npm_config_registry": "https://registry.npmjs.org/",
"npm_config_rollback": "true",
"npm_config_save": "true",
"npm_config_save_bundle": "",
"npm_config_save_dev": "",
"npm_config_save_exact": "",
"npm_config_save_optional": "",
"npm_config_save_prefix": "^",
"npm_config_save_prod": "",
"npm_config_scope": "",
"npm_config_scripts_prepend_node_path": "warn-only",
"npm_config_script_shell": "",
"npm_config_searchexclude": "",
"npm_config_searchlimit": "20",
"npm_config_searchopts": "",
"npm_config_searchstaleness": "900",
"npm_config_send_metrics": "",
"npm_config_shell": "C:\\WINDOWS\\system32\\cmd.exe",
"npm_config_shrinkwrap": "true",
"npm_config_sign_git_commit": "",
"npm_config_sign_git_tag": "",
"npm_config_sso_poll_frequency": "500",
"npm_config_sso_type": "oauth",
"npm_config_strict_ssl": "true",
"npm_config_tag": "latest",
"npm_config_tag_version_prefix": "v",
"npm_config_timing": "",
"npm_config_tmp": "C:\\Users\\nhan\\AppData\\Local\\Temp",
"npm_config_umask": "0000",
"npm_config_unicode": "",
"npm_config_unsafe_perm": "true",
"npm_config_update_notifier": "true",
"npm_config_usage": "",
"npm_config_user": "",
"npm_config_userconfig": "C:\\Users\\nhan\\.npmrc",
"npm_config_user_agent": "npm/6.13.4 node/v12.15.0 win32 x64",
"npm_config_version": "",
"npm_config_versions": "",
"npm_config_viewer": "browser",
"npm_execpath": "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js",
"npm_lifecycle_event": "dev-windows",
"npm_lifecycle_script": "set NODE_OPTIONS='--inspect' && set PORT=3005 && next dev",
"npm_node_execpath": "C:\\Program Files\\nodejs\\node.exe",
"npm_package_dependencies_autoprefixer": "^10.2.6",
"npm_package_dependencies_body_scroll_lock": "^3.1.5",
"npm_package_dependencies_classnames": "^2.3.1",
"npm_package_dependencies_cookie": "^0.4.1",
"npm_package_dependencies_email_validator": "^2.0.4",
"npm_package_dependencies_eslint": "^7.32.0",
"npm_package_dependencies_eslint_config_next": "^11.1.2",
"npm_package_dependencies_immutability_helper": "^3.1.1",
"npm_package_dependencies_js_cookie": "^2.2.1",
"npm_package_dependencies_keen_slider": "^5.5.1",
"npm_package_dependencies_lodash_debounce": "^4.0.8",
"npm_package_dependencies_lodash_random": "^3.2.0",
"npm_package_dependencies_lodash_throttle": "^4.1.1",
"npm_package_dependencies_next": "^11.0.0",
"npm_package_dependencies_next_seo": "^4.26.0",
"npm_package_dependencies_next_themes": "^0.0.14",
"npm_package_dependencies_postcss": "^8.3.5",
"npm_package_dependencies_postcss_nesting": "^8.0.1",
"npm_package_dependencies_react": "^17.0.2",
"npm_package_dependencies_react_dom": "^17.0.2",
"npm_package_dependencies_react_fast_marquee": "^1.1.4",
"npm_package_dependencies_react_merge_refs": "^1.1.0",
"npm_package_dependencies_react_player": "^2.9.0",
"npm_package_dependencies_react_use_measure": "^2.0.4",
"npm_package_dependencies_sass": "^1.38.0",
"npm_package_dependencies_swell_js": "^4.0.0-next.0",
"npm_package_dependencies_swr": "^0.5.6",
"npm_package_dependencies_tabbable": "^5.2.0",
"npm_package_dependencies_tailwindcss": "^2.2.2",
"npm_package_dependencies_uuidv4": "^6.2.10",
"npm_package_dependencies__react_spring_web": "^9.2.1",
"npm_package_dependencies__vercel_fetch": "^6.1.0",
"npm_package_description": "[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fcommerce&project-name=commerce&repo-name=commerce&demo-title=Next.js%20Commerce&demo-description=An%20all-in-one%20starter%20kit%20for%20high-performance%20e-commerce%20sites.&demo-url=https%3A%2F%2Fdemo.vercel.store&demo-image=https%3A%2F%2Fbigcommerce-demo-asset-ksvtgfvnd.vercel.app%2Fbigcommerce.png&integration-ids=oac_MuWZiE4jtmQ2ejZQaQ7ncuDT)",
"npm_package_devDependencies_deepmerge": "^4.2.2",
"npm_package_devDependencies_eslint_config_prettier": "^8.3.0",
"npm_package_devDependencies_graphql": "^15.5.1",
"npm_package_devDependencies_husky": "^6.0.0",
"npm_package_devDependencies_lint_staged": "^11.0.0",
"npm_package_devDependencies_postcss_flexbugs_fixes": "^5.0.2",
"npm_package_devDependencies_postcss_import": "^14.0.2",
"npm_package_devDependencies_postcss_preset_env": "^6.7.0",
"npm_package_devDependencies_prettier": "^2.3.0",
"npm_package_devDependencies_typescript": "4.3.4",
"npm_package_devDependencies__graphql_codegen_cli": "^1.21.5",
"npm_package_devDependencies__graphql_codegen_schema_ast": "^1.18.3",
"npm_package_devDependencies__graphql_codegen_typescript": "^1.22.2",
"npm_package_devDependencies__graphql_codegen_typescript_operations": "^1.18.1",
"npm_package_devDependencies__next_bundle_analyzer": "^10.2.3",
"npm_package_devDependencies__types_body_scroll_lock": "^2.6.1",
"npm_package_devDependencies__types_cookie": "^0.4.0",
"npm_package_devDependencies__types_js_cookie": "^2.2.6",
"npm_package_devDependencies__types_lodash_debounce": "^4.0.6",
"npm_package_devDependencies__types_lodash_random": "^3.2.6",
"npm_package_devDependencies__types_lodash_throttle": "^4.1.6",
"npm_package_devDependencies__types_node": "^15.12.4",
"npm_package_devDependencies__types_react": "^17.0.8",
"npm_package_engines_node": ">=14.x",
"npm_package_gitHead": "6cad0d89cac27109ededf5d8cbaf23280a95fea9",
"npm_package_license": "MIT",
"npm_package_lint_staged_______js_jsx_ts_tsx__0": "prettier --write",
"npm_package_lint_staged_______js_jsx_ts_tsx__1": "git add",
"npm_package_lint_staged_______md_mdx_json__0": "prettier --write",
"npm_package_lint_staged_______md_mdx_json__1": "git add",
"npm_package_name": "nextjs-commerce",
"npm_package_next_unused_alias__assets___0": "assets/*",
"npm_package_next_unused_alias__components___0": "components/*",
"npm_package_next_unused_alias__config___0": "config/*",
"npm_package_next_unused_alias__lib___0": "lib/*",
"npm_package_next_unused_alias__utils___0": "utils/*",
"npm_package_next_unused_debug": "true",
"npm_package_next_unused_entrypoints_0": "pages",
"npm_package_next_unused_include_0": "components",
"npm_package_next_unused_include_1": "lib",
"npm_package_next_unused_include_2": "pages",
"npm_package_readmeFilename": "README.md",
"npm_package_scripts_analyze": "BUNDLE_ANALYZE=both yarn build",
"npm_package_scripts_build": "next build",
"npm_package_scripts_dev": "NODE_OPTIONS='--inspect' PORT=3005 next dev",
"npm_package_scripts_dev_windows": "set NODE_OPTIONS='--inspect' && set PORT=3005 && next dev",
"npm_package_scripts_find_unused": "npx next-unused",
"npm_package_scripts_generate": "graphql-codegen",
"npm_package_scripts_generate_definitions": "node framework/bigcommerce/scripts/generate-definitions.js",
"npm_package_scripts_generate_shopify": "DOTENV_CONFIG_PATH=./.env.local graphql-codegen -r dotenv/config --config framework/shopify/codegen.json",
"npm_package_scripts_generate_vendure": "graphql-codegen --config framework/vendure/codegen.json",
"npm_package_scripts_prettier_fix": "prettier --write .",
"npm_package_scripts_start": "PORT=3005 next start",
"npm_package_sideEffects": "false",
"npm_package_version": "1.0.0",
"NPM_PREFIX_NPM_CLI_JS": "C:\\Users\\nhan\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js",
"NUMBER_OF_PROCESSORS": "4",
"OneDrive": "C:\\Users\\nhan\\OneDrive",
"OneDriveConsumer": "C:\\Users\\nhan\\OneDrive",
"OPENSSL_CONF": "C:\\Program Files\\PostgreSQL\\psqlODBC\\etc\\openssl.cnf",
"ORIGINAL_XDG_CURRENT_DESKTOP": "undefined",
"OS": "Windows_NT",
"Path": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\npm-lifecycle\\node-gyp-bin;G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce\\node_modules\\.bin;C:\\Program Files (x86)\\Common Files\\Oracle\\Java\\javapath;C:\\WINDOWS\\system32;C:\\WINDOWS;C:\\WINDOWS\\System32\\Wbem;C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\;C:\\WINDOWS\\System32\\OpenSSH\\;C:\\Program Files\\Java\\jdk1.8.0_231\\bin;C:\\Program Files\\nodejs\\;C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin;C:\\Program Files\\Git\\cmd;C:\\Program Files\\MongoDB\\Server\\4.2\\bin;;C:\\Program Files\\Git LFS;D:\\hoc-fpt\\code-tren-lop\\php\\xampp3\\php;C:\\ProgramData\\ComposerSetup\\bin;C:\\ProgramData\\chocolatey\\bin;C:\\Program Files\\AdoptOpenJDK\\jdk8u192-b12\\bin;C:\\Program Files\\Java\\jdk1.8.0_211\\bin;C:\\Android\\android-sdk\\tools;C:\\Android\\android-sdk\\platform-tools;C:\\Android\\android-sdk\\tools\\bin;C:\\Program Files\\MySQL\\MySQL Shell 8.0\\bin\\;C:\\Program Files\\Java\\jdk1.8.0_231\\bin;C:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\bin;C:\\Users\\nhan\\AppData\\Roaming\\npm;C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin;C:\\Program Files\\heroku\\bin;C:\\Users\\nhan\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Users\\nhan\\AppData\\Roaming\\Composer\\vendor\\bin",
"PATHEXT": ".COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JSE;.WSF;.WSH;.MSC;.CPL",
"PORT": "3005 ",
"PROCESSOR_ARCHITECTURE": "AMD64",
"PROCESSOR_IDENTIFIER": "Intel64 Family 6 Model 58 Stepping 9, GenuineIntel",
"PROCESSOR_LEVEL": "6",
"PROCESSOR_REVISION": "3a09",
"ProgramData": "C:\\ProgramData",
"ProgramFiles": "C:\\Program Files",
"ProgramFiles(x86)": "C:\\Program Files (x86)",
"ProgramW6432": "C:\\Program Files",
"PROMPT": "$P$G",
"PSModulePath": "C:\\Users\\nhan\\Documents\\WindowsPowerShell\\Modules;C:\\Program Files\\WindowsPowerShell\\Modules;C:\\WINDOWS\\system32\\WindowsPowerShell\\v1.0\\Modules",
"PUBLIC": "C:\\Users\\Public",
"SESSIONNAME": "Console",
"SystemDrive": "C:",
"SystemRoot": "C:\\WINDOWS",
"TEMP": "C:\\Users\\nhan\\AppData\\Local\\Temp",
"TERM_PROGRAM": "vscode",
"TERM_PROGRAM_VERSION": "1.60.0",
"TMP": "C:\\Users\\nhan\\AppData\\Local\\Temp",
"TRACE_ID": "c2ff45063f82658e",
"USERDOMAIN": "DESKTOP-TILU55O",
"USERDOMAIN_ROAMINGPROFILE": "DESKTOP-TILU55O",
"USERNAME": "nhan",
"USERPROFILE": "C:\\Users\\nhan",
"VSCODE_GIT_ASKPASS_MAIN": "c:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\resources\\app\\extensions\\git\\dist\\askpass-main.js",
"VSCODE_GIT_ASKPASS_NODE": "C:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\Code.exe",
"VSCODE_GIT_IPC_HANDLE": "\\\\.\\pipe\\vscode-git-d5d8071aa9-sock",
"windir": "C:\\WINDOWS",
"_prog": "node",
"__NEXT_PROCESSED_ENV": "true"
},
"sharedObjects": [
"C:\\Program Files\\nodejs\\node.exe",
"C:\\WINDOWS\\SYSTEM32\\ntdll.dll",
"C:\\WINDOWS\\System32\\KERNEL32.DLL",
"C:\\WINDOWS\\System32\\KERNELBASE.dll",
"C:\\WINDOWS\\System32\\WS2_32.dll",
"C:\\WINDOWS\\System32\\RPCRT4.dll",
"C:\\WINDOWS\\System32\\ADVAPI32.dll",
"C:\\WINDOWS\\System32\\msvcrt.dll",
"C:\\WINDOWS\\System32\\sechost.dll",
"C:\\WINDOWS\\System32\\USER32.dll",
"C:\\WINDOWS\\System32\\win32u.dll",
"C:\\WINDOWS\\System32\\GDI32.dll",
"C:\\WINDOWS\\System32\\gdi32full.dll",
"C:\\WINDOWS\\System32\\msvcp_win.dll",
"C:\\WINDOWS\\System32\\ucrtbase.dll",
"C:\\WINDOWS\\System32\\PSAPI.DLL",
"C:\\WINDOWS\\System32\\CRYPT32.dll",
"C:\\WINDOWS\\System32\\bcrypt.dll",
"C:\\WINDOWS\\SYSTEM32\\dbghelp.dll",
"C:\\WINDOWS\\SYSTEM32\\IPHLPAPI.DLL",
"C:\\WINDOWS\\SYSTEM32\\USERENV.dll",
"C:\\WINDOWS\\SYSTEM32\\WINMM.dll",
"C:\\WINDOWS\\System32\\IMM32.DLL",
"C:\\WINDOWS\\SYSTEM32\\powrprof.dll",
"C:\\WINDOWS\\SYSTEM32\\UMPDC.dll",
"C:\\WINDOWS\\SYSTEM32\\CRYPTBASE.DLL",
"C:\\WINDOWS\\system32\\uxtheme.dll",
"C:\\WINDOWS\\System32\\combase.dll",
"C:\\WINDOWS\\system32\\mswsock.dll",
"C:\\WINDOWS\\SYSTEM32\\kernel.appcore.dll",
"C:\\WINDOWS\\System32\\bcryptprimitives.dll",
"C:\\WINDOWS\\System32\\NSI.dll",
"C:\\WINDOWS\\SYSTEM32\\dhcpcsvc6.DLL",
"C:\\WINDOWS\\SYSTEM32\\dhcpcsvc.DLL",
"C:\\WINDOWS\\SYSTEM32\\DNSAPI.dll",
"C:\\WINDOWS\\system32\\napinsp.dll",
"C:\\WINDOWS\\system32\\pnrpnsp.dll",
"C:\\WINDOWS\\system32\\wshbth.dll",
"C:\\WINDOWS\\system32\\NLAapi.dll",
"C:\\WINDOWS\\System32\\winrnr.dll",
"C:\\Windows\\System32\\rasadhlp.dll",
"C:\\WINDOWS\\System32\\fwpuclnt.dll"
]
}

634
report.20210914.155439.6404.0.001.json Normal file
View File

@ -0,0 +1,634 @@
{
"header": {
"reportVersion": 1,
"event": "Allocation failed - JavaScript heap out of memory",
"trigger": "FatalError",
"filename": "report.20210914.155439.6404.0.001.json",
"dumpEventTime": "2021-09-14T15:54:39Z",
"dumpEventTimeStamp": "1631609679847",
"processId": 6404,
"cwd": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce",
"commandLine": [
"node",
"G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce\\node_modules\\.bin\\\\..\\next\\dist\\bin\\next",
"dev"
],
"nodejsVersion": "v12.15.0",
"wordSize": 64,
"arch": "x64",
"platform": "win32",
"componentVersions": {
"node": "12.15.0",
"v8": "7.7.299.13-node.16",
"uv": "1.33.1",
"zlib": "1.2.11",
"brotli": "1.0.7",
"ares": "1.15.0",
"modules": "72",
"nghttp2": "1.40.0",
"napi": "5",
"llhttp": "2.0.4",
"http_parser": "2.9.3",
"openssl": "1.1.1d",
"cldr": "35.1",
"icu": "64.2",
"tz": "2019c",
"unicode": "12.1"
},
"release": {
"name": "node",
"lts": "Erbium",
"headersUrl": "https://nodejs.org/download/release/v12.15.0/node-v12.15.0-headers.tar.gz",
"sourceUrl": "https://nodejs.org/download/release/v12.15.0/node-v12.15.0.tar.gz",
"libUrl": "https://nodejs.org/download/release/v12.15.0/win-x64/node.lib"
},
"osName": "Windows_NT",
"osRelease": "10.0.19043",
"osVersion": "Windows 10 Pro",
"osMachine": "x86_64",
"cpus": [
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 122321031,
"nice": 0,
"sys": 59816781,
"idle": 449152296,
"irq": 6214000
},
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 125016468,
"nice": 0,
"sys": 45652765,
"idle": 460620687,
"irq": 1009312
},
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 138604812,
"nice": 0,
"sys": 46560562,
"idle": 446124531,
"irq": 563593
},
{
"model": "Intel(R) Core(TM) i3-3110M CPU @ 2.40GHz",
"speed": 2395,
"user": 139890312,
"nice": 0,
"sys": 43625859,
"idle": 447773750,
"irq": 469156
}
],
"networkInterfaces": [
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "2402:800:6318:9d24:f937:34a5:8214:a074",
"netmask": "ffff:ffff:ffff:ffff::",
"family": "IPv6",
"scopeid": 0
},
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "2402:800:6318:9d24:d442:f151:35d4:8126",
"netmask": "ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff",
"family": "IPv6",
"scopeid": 0
},
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "fe80::f937:34a5:8214:a074",
"netmask": "ffff:ffff:ffff:ffff::",
"family": "IPv6",
"scopeid": 21
},
{
"name": "Wi-Fi",
"internal": false,
"mac": "a4:17:31:1d:cc:e5",
"address": "192.168.1.13",
"netmask": "255.255.255.0",
"family": "IPv4"
},
{
"name": "Loopback Pseudo-Interface 1",
"internal": true,
"mac": "00:00:00:00:00:00",
"address": "::1",
"netmask": "ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff",
"family": "IPv6",
"scopeid": 0
},
{
"name": "Loopback Pseudo-Interface 1",
"internal": true,
"mac": "00:00:00:00:00:00",
"address": "127.0.0.1",
"netmask": "255.0.0.0",
"family": "IPv4"
}
],
"host": "DESKTOP-TILU55O"
},
"javascriptStack": {
"message": "No stack.",
"stack": [
"Unavailable."
]
},
"nativeStack": [
{
"pc": "0x00007ff794f61759",
"symbol": "std::basic_ostream<char,std::char_traits<char> >::operator<<+10873"
},
{
"pc": "0x00007ff794f65b7c",
"symbol": "std::basic_ostream<char,std::char_traits<char> >::operator<<+28316"
},
{
"pc": "0x00007ff794f64b38",
"symbol": "std::basic_ostream<char,std::char_traits<char> >::operator<<+24152"
},
{
"pc": "0x00007ff79505446b",
"symbol": "v8::base::CPU::has_sse+37723"
},
{
"pc": "0x00007ff795858d9e",
"symbol": "v8::Isolate::ReportExternalAllocationLimitReached+94"
},
{
"pc": "0x00007ff795840de1",
"symbol": "v8::SharedArrayBuffer::Externalize+833"
},
{
"pc": "0x00007ff79570e6ac",
"symbol": "v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1436"
},
{
"pc": "0x00007ff795719a50",
"symbol": "v8::internal::Heap::ProtectUnprotectedMemoryChunks+1312"
},
{
"pc": "0x00007ff795716584",
"symbol": "v8::internal::Heap::PageFlagsAreConsistent+3204"
},
{
"pc": "0x00007ff79570be13",
"symbol": "v8::internal::Heap::CollectGarbage+1283"
},
{
"pc": "0x00007ff79570a5e4",
"symbol": "v8::internal::Heap::AddRetainedMap+2356"
},
{
"pc": "0x00007ff79572b8b5",
"symbol": "v8::internal::Factory::NewFillerObject+53"
},
{
"pc": "0x00007ff795497b89",
"symbol": "v8::internal::interpreter::JumpTableTargetOffsets::iterator::operator=+4057"
},
{
"pc": "0x00007ff795c84d3d",
"symbol": "v8::internal::SetupIsolateDelegate::SetupHeap+567949"
},
{
"pc": "0x0000004893120f89",
"symbol": ""
}
],
"javascriptHeap": {
"totalMemory": 2180952064,
"totalCommittedMemory": 2180952064,
"usedMemory": 2077263400,
"availableMemory": 46925016,
"memoryLimit": 2197815296,
"heapSpaces": {
"read_only_space": {
"memorySize": 262144,
"committedMemory": 262144,
"capacity": 261872,
"used": 32296,
"available": 229576
},
"new_space": {
"memorySize": 33554432,
"committedMemory": 33554432,
"capacity": 16759808,
"used": 3774664,
"available": 12985144
},
"old_space": {
"memorySize": 1710075904,
"committedMemory": 1710075904,
"capacity": 1639289184,
"used": 1639201928,
"available": 87256
},
"code_space": {
"memorySize": 3571712,
"committedMemory": 3571712,
"capacity": 2926848,
"used": 2926848,
"available": 0
},
"map_space": {
"memorySize": 5771264,
"committedMemory": 5771264,
"capacity": 3972960,
"used": 3972960,
"available": 0
},
"large_object_space": {
"memorySize": 426520576,
"committedMemory": 426520576,
"capacity": 426257456,
"used": 426257456,
"available": 0
},
"code_large_object_space": {
"memorySize": 1196032,
"committedMemory": 1196032,
"capacity": 1097248,
"used": 1097248,
"available": 0
},
"new_large_object_space": {
"memorySize": 0,
"committedMemory": 0,
"capacity": 16759808,
"used": 0,
"available": 16759808
}
}
},
"resourceUsage": {
"userCpuSeconds": 939.421,
"kernelCpuSeconds": 35.375,
"cpuConsumptionPercent": 103.702,
"maxRss": 3224653824,
"pageFaults": {
"IORequired": 3779383,
"IONotRequired": 0
},
"fsActivity": {
"reads": 14745,
"writes": 85913
}
},
"libuv": [
],
"environmentVariables": {
"=G:": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce",
"ALLUSERSPROFILE": "C:\\ProgramData",
"ANDROID_HOME": "G:\\ASDK",
"ANDROID_SDK_ROOT": "G:\\ASDK",
"APPDATA": "C:\\Users\\nhan\\AppData\\Roaming",
"ChocolateyInstall": "C:\\ProgramData\\chocolatey",
"ChocolateyLastPathUpdate": "132608575831335062",
"CHROME_CRASHPAD_PIPE_NAME": "\\\\.\\pipe\\crashpad_11504_LVARTKDVZJSQMMYN",
"CLASSPATH": "C:\\Program Files\\Java\\jdk1.8.0_231\\bin",
"COLORTERM": "truecolor",
"COMMERCE_CUSTOMERAUTH_ENABLED": "true",
"COMMERCE_PROVIDER": "vendure",
"CommonProgramFiles": "C:\\Program Files\\Common Files",
"CommonProgramFiles(x86)": "C:\\Program Files (x86)\\Common Files",
"CommonProgramW6432": "C:\\Program Files\\Common Files",
"COMPUTERNAME": "DESKTOP-TILU55O",
"ComSpec": "C:\\WINDOWS\\system32\\cmd.exe",
"dp0": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce\\node_modules\\.bin\\",
"DriverData": "C:\\Windows\\System32\\Drivers\\DriverData",
"FPS_BROWSER_APP_PROFILE_STRING": "Internet Explorer",
"FPS_BROWSER_USER_PROFILE_STRING": "Default",
"GIT_ASKPASS": "c:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\resources\\app\\extensions\\git\\dist\\askpass.sh",
"GIT_LFS_PATH": "C:\\Program Files\\Git LFS",
"HOME": "C:\\Users\\nhan",
"HOMEDRIVE": "C:",
"HOMEPATH": "\\Users\\nhan",
"INIT_CWD": "G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce",
"JAVA_HOME": "C:\\Program Files\\Java\\jdk1.8.0_281",
"LANG": "en_US.UTF-8",
"LOCALAPPDATA": "C:\\Users\\nhan\\AppData\\Local",
"LOGONSERVER": "\\\\DESKTOP-TILU55O",
"NEXT_PUBLIC_VENDURE_LOCAL_URL": "/vendure-shop-api",
"NEXT_PUBLIC_VENDURE_SHOP_API_URL": "https://demo.vendure.io/shop-api",
"NODE": "C:\\Program Files\\nodejs\\node.exe",
"NODE_ENV": "development",
"NODE_EXE": "C:\\Program Files\\nodejs\\\\node.exe",
"NODE_OPTIONS": "'--inspect' ",
"NPM_CLI_JS": "C:\\Program Files\\nodejs\\\\node_modules\\npm\\bin\\npm-cli.js",
"npm_config_access": "",
"npm_config_allow_same_version": "",
"npm_config_also": "",
"npm_config_always_auth": "",
"npm_config_argv": "{\"remain\":[],\"cooked\":[\"run\",\"dev-windows\"],\"original\":[\"run\",\"dev-windows\"]}",
"npm_config_audit": "true",
"npm_config_audit_level": "low",
"npm_config_auth_type": "legacy",
"npm_config_before": "",
"npm_config_bin_links": "true",
"npm_config_browser": "",
"npm_config_ca": "",
"npm_config_cache": "C:\\Users\\nhan\\AppData\\Roaming\\npm-cache",
"npm_config_cache_lock_retries": "10",
"npm_config_cache_lock_stale": "60000",
"npm_config_cache_lock_wait": "10000",
"npm_config_cache_max": "Infinity",
"npm_config_cache_min": "10",
"npm_config_cafile": "",
"npm_config_cert": "",
"npm_config_cidr": "",
"npm_config_color": "true",
"npm_config_commit_hooks": "true",
"npm_config_depth": "Infinity",
"npm_config_description": "true",
"npm_config_dev": "",
"npm_config_dry_run": "",
"npm_config_editor": "notepad.exe",
"npm_config_engine_strict": "",
"npm_config_fetch_retries": "2",
"npm_config_fetch_retry_factor": "10",
"npm_config_fetch_retry_maxtimeout": "60000",
"npm_config_fetch_retry_mintimeout": "10000",
"npm_config_force": "",
"npm_config_format_package_lock": "true",
"npm_config_fund": "true",
"npm_config_git": "git",
"npm_config_git_tag_version": "true",
"npm_config_global": "",
"npm_config_globalconfig": "C:\\Users\\nhan\\AppData\\Roaming\\npm\\etc\\npmrc",
"npm_config_globalignorefile": "C:\\Users\\nhan\\AppData\\Roaming\\npm\\etc\\npmignore",
"npm_config_global_style": "",
"npm_config_group": "",
"npm_config_ham_it_up": "",
"npm_config_heading": "npm",
"npm_config_https_proxy": "",
"npm_config_if_present": "",
"npm_config_ignore_prepublish": "",
"npm_config_ignore_scripts": "",
"npm_config_init_author_email": "",
"npm_config_init_author_name": "",
"npm_config_init_author_url": "",
"npm_config_init_license": "ISC",
"npm_config_init_module": "C:\\Users\\nhan\\.npm-init.js",
"npm_config_init_version": "1.0.0",
"npm_config_json": "",
"npm_config_key": "",
"npm_config_legacy_bundling": "",
"npm_config_link": "",
"npm_config_local_address": "",
"npm_config_loglevel": "notice",
"npm_config_logs_max": "10",
"npm_config_long": "",
"npm_config_maxsockets": "50",
"npm_config_message": "%s",
"npm_config_metrics_registry": "https://registry.npmjs.org/",
"npm_config_node_gyp": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js",
"npm_config_node_options": "",
"npm_config_node_version": "12.15.0",
"npm_config_noproxy": "",
"npm_config_offline": "",
"npm_config_onload_script": "",
"npm_config_only": "",
"npm_config_optional": "true",
"npm_config_otp": "",
"npm_config_package_lock": "true",
"npm_config_package_lock_only": "",
"npm_config_parseable": "",
"npm_config_prefer_offline": "",
"npm_config_prefer_online": "",
"npm_config_prefix": "C:\\Users\\nhan\\AppData\\Roaming\\npm",
"npm_config_preid": "",
"npm_config_production": "",
"npm_config_progress": "true",
"npm_config_proxy": "",
"npm_config_read_only": "",
"npm_config_rebuild_bundle": "true",
"npm_config_registry": "https://registry.npmjs.org/",
"npm_config_rollback": "true",
"npm_config_save": "true",
"npm_config_save_bundle": "",
"npm_config_save_dev": "",
"npm_config_save_exact": "",
"npm_config_save_optional": "",
"npm_config_save_prefix": "^",
"npm_config_save_prod": "",
"npm_config_scope": "",
"npm_config_scripts_prepend_node_path": "warn-only",
"npm_config_script_shell": "",
"npm_config_searchexclude": "",
"npm_config_searchlimit": "20",
"npm_config_searchopts": "",
"npm_config_searchstaleness": "900",
"npm_config_send_metrics": "",
"npm_config_shell": "C:\\WINDOWS\\system32\\cmd.exe",
"npm_config_shrinkwrap": "true",
"npm_config_sign_git_commit": "",
"npm_config_sign_git_tag": "",
"npm_config_sso_poll_frequency": "500",
"npm_config_sso_type": "oauth",
"npm_config_strict_ssl": "true",
"npm_config_tag": "latest",
"npm_config_tag_version_prefix": "v",
"npm_config_timing": "",
"npm_config_tmp": "C:\\Users\\nhan\\AppData\\Local\\Temp",
"npm_config_umask": "0000",
"npm_config_unicode": "",
"npm_config_unsafe_perm": "true",
"npm_config_update_notifier": "true",
"npm_config_usage": "",
"npm_config_user": "",
"npm_config_userconfig": "C:\\Users\\nhan\\.npmrc",
"npm_config_user_agent": "npm/6.13.4 node/v12.15.0 win32 x64",
"npm_config_version": "",
"npm_config_versions": "",
"npm_config_viewer": "browser",
"npm_execpath": "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js",
"npm_lifecycle_event": "dev-windows",
"npm_lifecycle_script": "set NODE_OPTIONS='--inspect' && set PORT=3005 && next dev",
"npm_node_execpath": "C:\\Program Files\\nodejs\\node.exe",
"npm_package_dependencies_autoprefixer": "^10.2.6",
"npm_package_dependencies_body_scroll_lock": "^3.1.5",
"npm_package_dependencies_classnames": "^2.3.1",
"npm_package_dependencies_cookie": "^0.4.1",
"npm_package_dependencies_email_validator": "^2.0.4",
"npm_package_dependencies_eslint": "^7.32.0",
"npm_package_dependencies_eslint_config_next": "^11.1.2",
"npm_package_dependencies_immutability_helper": "^3.1.1",
"npm_package_dependencies_js_cookie": "^2.2.1",
"npm_package_dependencies_keen_slider": "^5.5.1",
"npm_package_dependencies_lodash_debounce": "^4.0.8",
"npm_package_dependencies_lodash_random": "^3.2.0",
"npm_package_dependencies_lodash_throttle": "^4.1.1",
"npm_package_dependencies_next": "^11.0.0",
"npm_package_dependencies_next_seo": "^4.26.0",
"npm_package_dependencies_next_themes": "^0.0.14",
"npm_package_dependencies_postcss": "^8.3.5",
"npm_package_dependencies_postcss_nesting": "^8.0.1",
"npm_package_dependencies_react": "^17.0.2",
"npm_package_dependencies_react_dom": "^17.0.2",
"npm_package_dependencies_react_fast_marquee": "^1.1.4",
"npm_package_dependencies_react_merge_refs": "^1.1.0",
"npm_package_dependencies_react_player": "^2.9.0",
"npm_package_dependencies_react_use_measure": "^2.0.4",
"npm_package_dependencies_sass": "^1.38.0",
"npm_package_dependencies_swell_js": "^4.0.0-next.0",
"npm_package_dependencies_swr": "^0.5.6",
"npm_package_dependencies_tabbable": "^5.2.0",
"npm_package_dependencies_tailwindcss": "^2.2.2",
"npm_package_dependencies_uuidv4": "^6.2.10",
"npm_package_dependencies__react_spring_web": "^9.2.1",
"npm_package_dependencies__vercel_fetch": "^6.1.0",
"npm_package_description": "[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fcommerce&project-name=commerce&repo-name=commerce&demo-title=Next.js%20Commerce&demo-description=An%20all-in-one%20starter%20kit%20for%20high-performance%20e-commerce%20sites.&demo-url=https%3A%2F%2Fdemo.vercel.store&demo-image=https%3A%2F%2Fbigcommerce-demo-asset-ksvtgfvnd.vercel.app%2Fbigcommerce.png&integration-ids=oac_MuWZiE4jtmQ2ejZQaQ7ncuDT)",
"npm_package_devDependencies_deepmerge": "^4.2.2",
"npm_package_devDependencies_eslint_config_prettier": "^8.3.0",
"npm_package_devDependencies_graphql": "^15.5.1",
"npm_package_devDependencies_husky": "^6.0.0",
"npm_package_devDependencies_lint_staged": "^11.0.0",
"npm_package_devDependencies_postcss_flexbugs_fixes": "^5.0.2",
"npm_package_devDependencies_postcss_import": "^14.0.2",
"npm_package_devDependencies_postcss_preset_env": "^6.7.0",
"npm_package_devDependencies_prettier": "^2.3.0",
"npm_package_devDependencies_typescript": "4.3.4",
"npm_package_devDependencies__graphql_codegen_cli": "^1.21.5",
"npm_package_devDependencies__graphql_codegen_schema_ast": "^1.18.3",
"npm_package_devDependencies__graphql_codegen_typescript": "^1.22.2",
"npm_package_devDependencies__graphql_codegen_typescript_operations": "^1.18.1",
"npm_package_devDependencies__next_bundle_analyzer": "^10.2.3",
"npm_package_devDependencies__types_body_scroll_lock": "^2.6.1",
"npm_package_devDependencies__types_cookie": "^0.4.0",
"npm_package_devDependencies__types_js_cookie": "^2.2.6",
"npm_package_devDependencies__types_lodash_debounce": "^4.0.6",
"npm_package_devDependencies__types_lodash_random": "^3.2.6",
"npm_package_devDependencies__types_lodash_throttle": "^4.1.6",
"npm_package_devDependencies__types_node": "^15.12.4",
"npm_package_devDependencies__types_react": "^17.0.8",
"npm_package_engines_node": ">=14.x",
"npm_package_gitHead": "571bfe44ac1837b6c07951d9d711508d380a5ef2",
"npm_package_license": "MIT",
"npm_package_lint_staged_______js_jsx_ts_tsx__0": "prettier --write",
"npm_package_lint_staged_______js_jsx_ts_tsx__1": "git add",
"npm_package_lint_staged_______md_mdx_json__0": "prettier --write",
"npm_package_lint_staged_______md_mdx_json__1": "git add",
"npm_package_name": "nextjs-commerce",
"npm_package_next_unused_alias__assets___0": "assets/*",
"npm_package_next_unused_alias__components___0": "components/*",
"npm_package_next_unused_alias__config___0": "config/*",
"npm_package_next_unused_alias__lib___0": "lib/*",
"npm_package_next_unused_alias__utils___0": "utils/*",
"npm_package_next_unused_debug": "true",
"npm_package_next_unused_entrypoints_0": "pages",
"npm_package_next_unused_include_0": "components",
"npm_package_next_unused_include_1": "lib",
"npm_package_next_unused_include_2": "pages",
"npm_package_readmeFilename": "README.md",
"npm_package_scripts_analyze": "BUNDLE_ANALYZE=both yarn build",
"npm_package_scripts_build": "next build",
"npm_package_scripts_dev": "NODE_OPTIONS='--inspect' PORT=3005 next dev",
"npm_package_scripts_dev_windows": "set NODE_OPTIONS='--inspect' && set PORT=3005 && next dev",
"npm_package_scripts_find_unused": "npx next-unused",
"npm_package_scripts_generate": "graphql-codegen",
"npm_package_scripts_generate_definitions": "node framework/bigcommerce/scripts/generate-definitions.js",
"npm_package_scripts_generate_shopify": "DOTENV_CONFIG_PATH=./.env.local graphql-codegen -r dotenv/config --config framework/shopify/codegen.json",
"npm_package_scripts_generate_vendure": "graphql-codegen --config framework/vendure/codegen.json",
"npm_package_scripts_prettier_fix": "prettier --write .",
"npm_package_scripts_start": "PORT=3005 next start",
"npm_package_sideEffects": "false",
"npm_package_version": "1.0.0",
"NPM_PREFIX_NPM_CLI_JS": "C:\\Users\\nhan\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js",
"NUMBER_OF_PROCESSORS": "4",
"OneDrive": "C:\\Users\\nhan\\OneDrive",
"OneDriveConsumer": "C:\\Users\\nhan\\OneDrive",
"OPENSSL_CONF": "C:\\Program Files\\PostgreSQL\\psqlODBC\\etc\\openssl.cnf",
"ORIGINAL_XDG_CURRENT_DESKTOP": "undefined",
"OS": "Windows_NT",
"Path": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\npm-lifecycle\\node-gyp-bin;G:\\hoc-fpt-2\\làm việc\\kie\\work\\grocery-vercel-commerce\\node_modules\\.bin;C:\\Program Files (x86)\\Common Files\\Oracle\\Java\\javapath;C:\\WINDOWS\\system32;C:\\WINDOWS;C:\\WINDOWS\\System32\\Wbem;C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\;C:\\WINDOWS\\System32\\OpenSSH\\;C:\\Program Files\\Java\\jdk1.8.0_231\\bin;C:\\Program Files\\nodejs\\;C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin;C:\\Program Files\\Git\\cmd;C:\\Program Files\\MongoDB\\Server\\4.2\\bin;;C:\\Program Files\\Git LFS;D:\\hoc-fpt\\code-tren-lop\\php\\xampp3\\php;C:\\ProgramData\\ComposerSetup\\bin;C:\\ProgramData\\chocolatey\\bin;C:\\Program Files\\AdoptOpenJDK\\jdk8u192-b12\\bin;C:\\Program Files\\Java\\jdk1.8.0_211\\bin;C:\\Android\\android-sdk\\tools;C:\\Android\\android-sdk\\platform-tools;C:\\Android\\android-sdk\\tools\\bin;C:\\Program Files\\MySQL\\MySQL Shell 8.0\\bin\\;C:\\Program Files\\Java\\jdk1.8.0_231\\bin;C:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\bin;C:\\Users\\nhan\\AppData\\Roaming\\npm;C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin;C:\\Program Files\\heroku\\bin;C:\\Users\\nhan\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Users\\nhan\\AppData\\Roaming\\Composer\\vendor\\bin",
"PATHEXT": ".COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JSE;.WSF;.WSH;.MSC;.CPL",
"PORT": "3005 ",
"PROCESSOR_ARCHITECTURE": "AMD64",
"PROCESSOR_IDENTIFIER": "Intel64 Family 6 Model 58 Stepping 9, GenuineIntel",
"PROCESSOR_LEVEL": "6",
"PROCESSOR_REVISION": "3a09",
"ProgramData": "C:\\ProgramData",
"ProgramFiles": "C:\\Program Files",
"ProgramFiles(x86)": "C:\\Program Files (x86)",
"ProgramW6432": "C:\\Program Files",
"PROMPT": "$P$G",
"PSModulePath": "C:\\Users\\nhan\\Documents\\WindowsPowerShell\\Modules;C:\\Program Files\\WindowsPowerShell\\Modules;C:\\WINDOWS\\system32\\WindowsPowerShell\\v1.0\\Modules",
"PUBLIC": "C:\\Users\\Public",
"SESSIONNAME": "Console",
"SystemDrive": "C:",
"SystemRoot": "C:\\WINDOWS",
"TEMP": "C:\\Users\\nhan\\AppData\\Local\\Temp",
"TERM_PROGRAM": "vscode",
"TERM_PROGRAM_VERSION": "1.60.0",
"TMP": "C:\\Users\\nhan\\AppData\\Local\\Temp",
"TRACE_ID": "cbd3025f1135a5fa",
"USERDOMAIN": "DESKTOP-TILU55O",
"USERDOMAIN_ROAMINGPROFILE": "DESKTOP-TILU55O",
"USERNAME": "nhan",
"USERPROFILE": "C:\\Users\\nhan",
"VSCODE_GIT_ASKPASS_MAIN": "c:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\resources\\app\\extensions\\git\\dist\\askpass-main.js",
"VSCODE_GIT_ASKPASS_NODE": "C:\\Users\\nhan\\AppData\\Local\\Programs\\Microsoft VS Code\\Code.exe",
"VSCODE_GIT_IPC_HANDLE": "\\\\.\\pipe\\vscode-git-d5d8071aa9-sock",
"windir": "C:\\WINDOWS",
"_prog": "node",
"__NEXT_PROCESSED_ENV": "true"
},
"sharedObjects": [
"C:\\Program Files\\nodejs\\node.exe",
"C:\\WINDOWS\\SYSTEM32\\ntdll.dll",
"C:\\WINDOWS\\System32\\KERNEL32.DLL",
"C:\\WINDOWS\\System32\\KERNELBASE.dll",
"C:\\WINDOWS\\System32\\WS2_32.dll",
"C:\\WINDOWS\\System32\\RPCRT4.dll",
"C:\\WINDOWS\\System32\\ADVAPI32.dll",
"C:\\WINDOWS\\SYSTEM32\\dbghelp.dll",
"C:\\WINDOWS\\System32\\msvcrt.dll",
"C:\\WINDOWS\\System32\\ucrtbase.dll",
"C:\\WINDOWS\\System32\\sechost.dll",
"C:\\WINDOWS\\System32\\USER32.dll",
"C:\\WINDOWS\\System32\\win32u.dll",
"C:\\WINDOWS\\System32\\GDI32.dll",
"C:\\WINDOWS\\System32\\gdi32full.dll",
"C:\\WINDOWS\\System32\\msvcp_win.dll",
"C:\\WINDOWS\\System32\\PSAPI.DLL",
"C:\\WINDOWS\\System32\\CRYPT32.dll",
"C:\\WINDOWS\\System32\\bcrypt.dll",
"C:\\WINDOWS\\SYSTEM32\\IPHLPAPI.DLL",
"C:\\WINDOWS\\SYSTEM32\\USERENV.dll",
"C:\\WINDOWS\\SYSTEM32\\WINMM.dll",
"C:\\WINDOWS\\System32\\IMM32.DLL",
"C:\\WINDOWS\\SYSTEM32\\powrprof.dll",
"C:\\WINDOWS\\SYSTEM32\\UMPDC.dll",
"C:\\WINDOWS\\SYSTEM32\\CRYPTBASE.DLL",
"C:\\WINDOWS\\system32\\uxtheme.dll",
"C:\\WINDOWS\\System32\\combase.dll",
"C:\\WINDOWS\\system32\\mswsock.dll",
"C:\\WINDOWS\\SYSTEM32\\kernel.appcore.dll",
"C:\\WINDOWS\\System32\\bcryptprimitives.dll",
"C:\\WINDOWS\\System32\\NSI.dll",
"C:\\WINDOWS\\SYSTEM32\\dhcpcsvc6.DLL",
"C:\\WINDOWS\\SYSTEM32\\dhcpcsvc.DLL",
"C:\\WINDOWS\\SYSTEM32\\DNSAPI.dll",
"C:\\WINDOWS\\system32\\napinsp.dll",
"C:\\WINDOWS\\system32\\pnrpnsp.dll",
"C:\\WINDOWS\\system32\\wshbth.dll",
"C:\\WINDOWS\\system32\\NLAapi.dll",
"C:\\WINDOWS\\System32\\winrnr.dll",
"C:\\Windows\\System32\\rasadhlp.dll",
"C:\\WINDOWS\\System32\\fwpuclnt.dll"
]
}

6
src/components/common/Header/Header.tsx
View File

@ -11,10 +11,11 @@ import HeaderSubMenu from './components/HeaderSubMenu/HeaderSubMenu'
import HeaderSubMenuMobile from './components/HeaderSubMenuMobile/HeaderSubMenuMobile'
import s from './Header.module.scss'
interface props {
toggleFilter: () => void
toggleFilter: () => void,
visibleFilter:boolean
}
const Header = memo(({ toggleFilter }: props) => {
const Header = memo(({ toggleFilter,visibleFilter }: props) => {
const headeFullRef = useRef<HTMLDivElement>(null)
const [isFullHeader, setIsFullHeader] = useState<boolean>(true)
const { visible: visibleModalAuthen, closeModal: closeModalAuthen, openModal: openModalAuthen } = useModalCommon({ initialValue: false })
@ -68,6 +69,7 @@ const Header = memo(({ toggleFilter }: props) => {
<HeaderHighLight />
<div className={s.menu}>
<HeaderMenu
visibleFilter={visibleFilter}
toggleFilter={toggleFilter}
toggleCart={toggleCart}
openModalAuthen={openModalAuthen}

15
src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
View File

@ -18,10 +18,25 @@
margin-left: 1.6rem;
}
.iconFilter{
@apply relative;
.dot{
@apply absolute;
top: -0.08rem;
right: -0.2rem;
background-color: var(--negative);
width: 1.2rem;
height: 1.2rem;
border-radius: 1.2rem;
@apply hidden;
&.isShow{
@apply block;
}
}
@screen md {
display: none;
}
}
}
.inputSearch {
margin-top: 2.4rem;

13
src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
View File

@ -9,6 +9,8 @@ import Logo from '../../../Logo/Logo'
import s from './HeaderMenu.module.scss'
interface Props {
children?: any,
isFull: boolean,
visibleFilter?:boolean,
openModalAuthen: () => void,
openModalInfo: () => void,
toggleFilter: () => void,
@ -17,8 +19,10 @@ interface Props {
const FILTER_PAGE = [ROUTE.HOME, ROUTE.PRODUCTS]
const HeaderMenu = memo(({ openModalAuthen, openModalInfo, toggleFilter, toggleCart }: Props) => {
const HeaderMenu = memo(({ visibleFilter,openModalAuthen, openModalInfo, toggleFilter, toggleCart}: Props) => {
const router = useRouter()
const optionMenu = useMemo(() => [
{
onClick: openModalAuthen,
@ -28,6 +32,10 @@ const HeaderMenu = memo(({ openModalAuthen, openModalInfo, toggleFilter, toggleC
onClick: openModalInfo,
name: 'Create User Info (Demo)',
},
{
link: '/account-not-login',
name: 'Account Not Login',
},
{
link: ROUTE.NOTIFICATION,
name: 'Notifications',
@ -51,7 +59,8 @@ const HeaderMenu = memo(({ openModalAuthen, openModalInfo, toggleFilter, toggleC
{
FILTER_PAGE.includes(router.pathname) && (
<button className={s.iconFilter} onClick={toggleFilter}>
<IconFilter />
<IconFilter/>
<div className={classNames({[s.dot]:true,[s.isShow]:visibleFilter})}></div>
</button>
)
}

18
src/components/common/Layout/Layout.tsx
View File

@ -28,15 +28,15 @@ const Layout: FC<Props> = ({ children }) => {
}
return (
<CommerceProvider locale={locale}>
<div className={s.mainLayout}>
<Header toggleFilter={toggleFilter} />
<main >{children}</main>
<CustomShapeSvg />
<div className={s.filter}><MenuNavigationProductList categories={CATEGORY} brands={BRAND} featured={FEATURED} visible={visibleFilter} onClose={closeFilter} /> </div>
<ScrollToTop visibilityHeight={1500} />
<Footer />
</div>
<div className={s.mainLayout}>
<Header toggleFilter={toggleFilter} visibleFilter={visibleFilter}/>
<main >{children}</main>
<CustomShapeSvg/>
<div className={s.filter}><MenuNavigationProductList categories={CATEGORY} brands={BRAND} featured={FEATURED} visible={visibleFilter} onClose={closeFilter}/> </div>
<ScrollToTop visibilityHeight={1500} />
<Footer />
</div>
</CommerceProvider>
)

4
src/components/common/MenuNavigation/MenuNavigation.module.scss
View File

@ -1,5 +1,9 @@
@import "../../../styles/utilities";
.menuNavigationWrapper{
@apply hidden;
@screen md {
@apply block;
}
.menuNavigationHeading{
@screen md {
@apply sub-headline font-bold ;

14
src/components/common/MenuNavigationProductList/MenuNavigationProductList.module.scss
View File

@ -10,8 +10,6 @@
}
.menuNavigationProductListMobile{
@apply relative transition-all duration-100;
&.isShow{
&::after{
content: "";
@ -39,13 +37,14 @@
transform: translateY(0%)
}
.content{
@apply relative w-full h-full;
@apply absolute w-full h-full;
margin-top: 3rem;
padding-top: 8rem ;
padding-top: 10rem ;
padding-bottom: 10rem;
background-color: white;
overflow-y: auto;
height: 100vh;
height: 96%;
bottom: 0;
border-radius: 2.4rem 2.4rem 0 0;
.head{
@apply flex justify-between fixed;
@ -53,7 +52,7 @@
left:0;
margin-top: 3rem;
border-radius: 2.4rem 2.4rem 0 0;
padding: 3rem 2rem 1rem 2rem;
padding: 4rem 2rem 2rem 2rem;
width: 100%;
background-color: white;
z-index: 10000;
@ -68,7 +67,8 @@
left:0;
width: 100%;
background-color: white;
padding: 0 1rem 2rem 1rem;
padding: 0 1rem 3rem 1rem;
}
button{
margin-top: 2rem;

4
src/components/common/MenuNavigationProductList/MenuSort/MenuSort.module.scss
View File

@ -9,7 +9,7 @@
margin: 0.8rem 0;
}
.menuSortList{
margin-bottom: 2rem;
padding-bottom: 1rem;
box-sizing: border-box;
li{
@ -22,7 +22,7 @@
&.active {
@apply font-bold relative;
color:var(--text-active);
background-color: var(--primary-lightest);
background-color: var(--gray);
&::after{
@apply absolute;
content:"";

13
src/components/common/ModalAuthenticate/ModalAuthenticate.tsx
View File

@ -1,5 +1,5 @@
import classNames from 'classnames'
import React, { useState } from 'react'
import React, { useEffect, useState } from 'react'
import ModalCommon from '../ModalCommon/ModalCommon'
import FormLogin from './components/FormLogin/FormLogin'
import FormRegister from './components/FormRegister/FormRegister'
@ -8,11 +8,20 @@ import s from './ModalAuthenticate.module.scss'
interface Props {
visible: boolean,
closeModal: () => void,
mode?: '' | 'register'
}
const ModalAuthenticate = ({ visible, closeModal }: Props) => {
const ModalAuthenticate = ({ visible, mode, closeModal }: Props) => {
const [isLogin, setIsLogin] = useState<boolean>(true)
useEffect(() => {
if (mode === 'register') {
setIsLogin(false)
} else {
setIsLogin(true)
}
}, [mode])
const onSwitch = () => {
setIsLogin(!isLogin)
}

35
src/components/modules/account/AccountSignIn/AccountSignIn.module.scss Normal file
View File

@ -0,0 +1,35 @@
@import "../../../../styles/utilities";
.accountSignInWrapper{
padding: 5rem;
@apply w-full;
.imgError{
@apply w-full flex justify-center;
}
.text{
@apply sub-headline;
color:var(--text-placeholder);
text-align: center;
margin-top: 3.6rem;
}
.btn{
@apply flex justify-center;
margin: 2.6rem auto;
button{
div{
padding: 1.6rem 7rem;
}
}
}
.dontHaveAccount{
@apply flex justify-center font-bold;
button {
all: unset;
color:var(--primary);
cursor: pointer;
&:focus-visible {
outline: 2px solid var(--text-active);
}
}
}
}

47
src/components/modules/account/AccountSignIn/AccountSignIn.tsx Normal file
View File

@ -0,0 +1,47 @@
import React,{memo, useState} from "react"
import { ButtonCommon, StaticImage } from "src/components/common";
import s from './AccountSignIn.module.scss';
import {LANGUAGE} from 'src/utils/language.utils';
import AccountSignInImg from '../../../../../public/assets/images/accountsignin.png'
import { useRouter } from 'next/router';
import ModalAuthenticate from "src/components/common/ModalAuthenticate/ModalAuthenticate";
import { useModalCommon } from "src/components/hooks";
interface AccountSignIn {
}
const AccountSignIn = memo(({ } : AccountSignIn) => {
const router = useRouter();
const { visible: visibleModalAuthen, closeModal: closeModalAuthen, openModal: openModalAuthen } = useModalCommon({ initialValue: false })
const [isModeAuthenSignup, setIsModeAuthenSignup] = useState<boolean>(false)
const openModalSignup = () => {
setIsModeAuthenSignup(true)
openModalAuthen()
}
return (
<>
<div className={s.accountSignInWrapper}>
<div>
<div className={s.imgError}>
<StaticImage src={AccountSignInImg} />
</div>
<div className={s.text}>
Sign in to get more interesting <br/> features
</div>
<div className={s.btn}>
<ButtonCommon size="default" type = 'primary' onClick={openModalAuthen}>{LANGUAGE.BUTTON_LABEL.SIGNIN}</ButtonCommon>
</div>
<div className={s.dontHaveAccount}>
<div>Don't have an account? &nbsp;</div> <span><button onClick={openModalSignup}>Create Account</button></span>
</div>
</div>
</div>
<ModalAuthenticate visible={visibleModalAuthen} closeModal={closeModalAuthen} mode={isModeAuthenSignup ? 'register' : ''} />
</>
)
});
export default AccountSignIn

3
src/components/modules/account/index.ts
View File

@ -1,3 +1,4 @@
export { default as AccountNavigation } from './AccountNavigation/AccountNavigation'
export { default as DeliveryItem } from './DeliveryItem/DeliveryItem'
export { default as AccountPage } from './AccountPage/AccountPage'
export { default as AccountPage } from './AccountPage/AccountPage'
export { default as AccountSignIn } from './AccountSignIn/AccountSignIn'

3
src/components/modules/home/HomeSpice/HomeSpice.module.scss Normal file
View File

@ -0,0 +1,3 @@
.homeSpiceWarpper{
margin-bottom: 8rem;
}

19
src/components/modules/home/HomeSpice/HomeSpice.tsx Normal file
View File

@ -0,0 +1,19 @@
import React from 'react'
import { ProductCarousel } from 'src/components/common'
import { SPICE_DATA_TEST } from "../../../../utils/demo-data"
import s from './HomeSpice.module.scss'
interface HomeSpice {
}
const HomeSpice = ({}: HomeSpice) => {
return (
<div className={s.homeSpiceWarpper}>
<ProductCarousel data={SPICE_DATA_TEST} itemKey="product-7"/>
</div>
)
}
export default HomeSpice

2
src/components/modules/home/HomeVideo/HomeVideo.tsx
View File

@ -5,11 +5,13 @@ import LogoBrand from './assets/logo_maggi.png'
import { VideoPlayer } from 'src/components/common'
import HeadingCommon from '../../../common/HeadingCommon/HeadingCommon'
interface Props {
className?: string
children?: any
}
const HomeVideo = ({ }: Props) => {
return (
<section className={s.homeVideo}>

16
src/components/modules/recipes-list/RecipesList/RecipesList.tsx
View File

@ -6,7 +6,8 @@ import PaginationCommon from 'src/components/common/PaginationCommon/PaginationC
import { RecipeCardProps } from 'src/components/common/RecipeCard/RecipeCard';
import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils';
import HeadingCommon from "../../../common/HeadingCommon/HeadingCommon";
import RecipesItem from './RecipesItem/RecipesItem';
import { RecipeCard } from 'src/components/common'
import s from './RecipesList.module.scss';
const recipe:RecipeCardProps[] = [
@ -46,6 +47,7 @@ const recipe:RecipeCardProps[] = [
imageSrc: 'https://user-images.githubusercontent.com/76729908/132159262-f28a9fb9-4852-47e6-80b5-d600521b548a.png',
slug:"the-best-recipe-of-beef-noodle-soup"
},];
const DEFAULT_PAGESIZE_RECIPELIST = 6;
const BREADCRUMB = [
@ -159,11 +161,10 @@ const OPTIONSLECT=[
interface Props{
data?: RecipeCardProps[],
recipes?:{
id:string,
title:string,
image:string,
imageSrc:string,
description:string,
link:string
slug:string
}[],
}
@ -203,12 +204,7 @@ const RecipesList = ({ data =recipe}:Props) => {
<div className={s.boxItem}>
{data?.map((item,index) => (
<div key={index} className={s.item}>
<RecipesItem
name={item.title}
image={item.imageSrc}
description={item.description}
link="#"
/>
<RecipeCard slug={item.slug} imageSrc={item.imageSrc} title={item.title} description={item.description}/>
</div>
))}
</div>

67
src/utils/demo-data.ts
View File

@ -68,7 +68,72 @@ export const PRODUCT_DATA_TEST = [
imageSrc: "https://user-images.githubusercontent.com/76729908/131646231-2d1c3ad1-4f5b-4a8e-9874-ca731f4ce128.png",
},
]
export const SPICE_DATA_TEST = [
{
name: 'Tomato',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218370-4145e774-4d99-45f9-9200-9dc1f55b967d.png",
},
{
name: 'Cucumber',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218428-20bd1a2b-b3e2-477a-8cef-2b9f0a5c8899.png",
},
{
name: 'Carrot',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218473-99e96817-40b6-45a4-9fed-daa269ae912f.png",
},
{
name: 'Salad',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218528-9da429bf-11ab-43a2-9700-ed7c7114cd12.png",
},
{
name: 'Tomato',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218535-60015545-fe6d-4af0-9650-3c18f14b4b20.png",
},
{
name: 'Cucumber',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218538-10d41f11-a484-4f42-ae1f-dc95ac9e5773.png",
},
{
name: 'Tomato',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218370-4145e774-4d99-45f9-9200-9dc1f55b967d.png",
},
{
name: 'Cucumber',
slug: 'tomato',
weight: '250g',
category: 'VEGGIE',
price: 'Rp 27.500',
imageSrc: "https://user-images.githubusercontent.com/89437339/133218428-20bd1a2b-b3e2-477a-8cef-2b9f0a5c8899.png",
},
]
export const PRODUCT_CART_DATA_TEST = [
{
name: 'Tomato',

1
src/utils/language.utils.ts
View File

@ -5,6 +5,7 @@ export const LANGUAGE = {
CONFIRM:'Confirm',
ADD_TO_CARD: 'Add to Cart',
PREORDER: 'Pre-Order Now',
SIGNIN :'Sign In'
},
PLACE_HOLDER: {
SEARCH: 'Search',