{loading}
: <>{renderContent()}>;\r\n}\r\n\r\nconst ProductGroupContainer = styled('div', {\r\n backgroundColor: '$primary3',\r\n paddingBottom: '1px',\r\n mb: 1,\r\n});\r\n\r\nconst HeaderWrapper = styled('div', {\r\n paddingTop: '32px',\r\n paddingBottom: '12px',\r\n});\r\n\r\nconst ItemWrapper = styled('div', {\r\n px: 4,\r\n variants: {\r\n isMiniCart: {\r\n true: {\r\n '@mediaMinLarge': {\r\n px: 6,\r\n },\r\n },\r\n false: {\r\n '@mediaMinLarge': {\r\n px: 8,\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default ProductList;\r\n","import { useEffect, useState } from 'react';\r\nimport MotorcycleStockModel from 'Models/Variant/MotorcycleStockModel.interface';\r\nimport Fetcher from 'Shared/Common/Fetcher';\r\nimport { useAppSettingsData } from 'Shared/Providers/AppSettingsProvider';\r\nimport useSWR from 'swr';\r\n\r\nlet abortController: AbortController = new AbortController();\r\nlet hasMounted = false;\r\nlet cartUrl = '/api/cart/';\r\n\r\ntype CartReturnType = {\r\n motorcycleStock: MotorcycleStockModel;\r\n};\r\n\r\nexport function GetMotorcycleStock(): CartReturnType {\r\n const tempCartObject: MotorcycleStockModel = {} as MotorcycleStockModel;\r\n const [motorcycleStock, setCart] =\r\n useState