refactor: change name
This commit is contained in:
efrilm
@@ -0,0 +1,25 @@
|
||||
import CustomerListTable from '@views/apps/ecommerce/customers/list/CustomerListTable'
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/ecommerce` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getEcommerceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/ecommerce`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch ecommerce data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
} */
|
||||
|
||||
const CustomerListTablePage = async () => {
|
||||
return <CustomerListTable />
|
||||
}
|
||||
|
||||
export default CustomerListTablePage
|
||||
@@ -0,0 +1,80 @@
|
||||
// MUI Imports
|
||||
import Grid from '@mui/material/Grid2'
|
||||
|
||||
// Components Imports
|
||||
import CongratulationsJohn from '@views/apps/ecommerce/dashboard/Congratulations'
|
||||
import StatisticsCard from '@views/apps/ecommerce/dashboard/StatisticsCard'
|
||||
import LineChartProfit from '@views/apps/ecommerce/dashboard/LineChartProfit'
|
||||
import RadialBarChart from '@views/apps/ecommerce/dashboard/RadialBarChart'
|
||||
import DonutChartGeneratedLeads from '@views/apps/ecommerce/dashboard/DonutChartGeneratedLeads'
|
||||
import RevenueReport from '@views/apps/ecommerce/dashboard/RevenueReport'
|
||||
import EarningReports from '@views/apps/ecommerce/dashboard/EarningReports'
|
||||
import PopularProducts from '@views/apps/ecommerce/dashboard/PopularProducts'
|
||||
import Orders from '@views/apps/ecommerce/dashboard/Orders'
|
||||
import Transactions from '@views/apps/ecommerce/dashboard/Transactions'
|
||||
import InvoiceListTable from '@views/apps/ecommerce/dashboard/InvoiceListTable'
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/invoice` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getInvoiceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/invoice`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch invoice data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
}
|
||||
*/
|
||||
|
||||
const EcommerceDashboard = async () => {
|
||||
return (
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12, md: 4 }}>
|
||||
<CongratulationsJohn />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, md: 8 }}>
|
||||
<StatisticsCard />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, xl: 4 }}>
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12, sm: 6, md: 3, xl: 6 }}>
|
||||
<LineChartProfit />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, sm: 6, md: 3, xl: 6 }}>
|
||||
<RadialBarChart />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, md: 6, xl: 12 }}>
|
||||
<DonutChartGeneratedLeads />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, xl: 8 }}>
|
||||
<RevenueReport />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, sm: 6, lg: 4 }}>
|
||||
<EarningReports />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, sm: 6, lg: 4 }}>
|
||||
<PopularProducts />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, sm: 6, lg: 4 }}>
|
||||
<Orders />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, sm: 6, lg: 4 }}>
|
||||
<Transactions />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, lg: 8 }}>
|
||||
<InvoiceListTable invoiceData={[]} />
|
||||
</Grid>
|
||||
</Grid>
|
||||
)
|
||||
}
|
||||
|
||||
export default EcommerceDashboard
|
||||
@@ -0,0 +1,31 @@
|
||||
// Next Imports
|
||||
|
||||
// Type Imports
|
||||
|
||||
// Component Imports
|
||||
import OrderDetails from '@views/apps/ecommerce/orders/details'
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/ecommerce` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getEcommerceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/ecommerce`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch ecommerce data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
} */
|
||||
|
||||
const OrderDetailsPage = async () => {
|
||||
|
||||
return <OrderDetails />
|
||||
}
|
||||
|
||||
export default OrderDetailsPage
|
||||
@@ -0,0 +1,29 @@
|
||||
// Component Imports
|
||||
import OrderList from '@views/apps/ecommerce/orders/list'
|
||||
|
||||
// Data Imports
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/ecommerce` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getEcommerceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/ecommerce`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch ecommerce data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
} */
|
||||
|
||||
const OrdersListPage = async () => {
|
||||
|
||||
return <OrderList />
|
||||
}
|
||||
|
||||
export default OrdersListPage
|
||||
@@ -0,0 +1,5 @@
|
||||
import ProductDetail from "../../../../../../../../../views/apps/ecommerce/products/detail/ProductDetail"
|
||||
|
||||
export default function ProductPage() {
|
||||
return <ProductDetail />
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
// MUI Imports
|
||||
import Grid from '@mui/material/Grid2'
|
||||
|
||||
// Component Imports
|
||||
import ProductAddHeader from '@views/apps/ecommerce/products/add/ProductAddHeader'
|
||||
import ProductImage from '@views/apps/ecommerce/products/add/ProductImage'
|
||||
import ProductInformation from '@views/apps/ecommerce/products/add/ProductInformation'
|
||||
import ProductOrganize from '@views/apps/ecommerce/products/add/ProductOrganize'
|
||||
import ProductPricing from '@views/apps/ecommerce/products/add/ProductPricing'
|
||||
import ProductVariants from '@views/apps/ecommerce/products/add/ProductVariants'
|
||||
|
||||
const eCommerceProductsEdit = () => {
|
||||
return (
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductAddHeader />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, md: 8 }}>
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductInformation />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductImage />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductVariants />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, md: 4 }}>
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductPricing />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductOrganize />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
)
|
||||
}
|
||||
|
||||
export default eCommerceProductsEdit
|
||||
@@ -0,0 +1,45 @@
|
||||
// MUI Imports
|
||||
import Grid from '@mui/material/Grid2'
|
||||
|
||||
// Component Imports
|
||||
import ProductAddHeader from '@views/apps/ecommerce/products/add/ProductAddHeader'
|
||||
import ProductImage from '@views/apps/ecommerce/products/add/ProductImage'
|
||||
import ProductInformation from '@views/apps/ecommerce/products/add/ProductInformation'
|
||||
import ProductOrganize from '@views/apps/ecommerce/products/add/ProductOrganize'
|
||||
import ProductPricing from '@views/apps/ecommerce/products/add/ProductPricing'
|
||||
import ProductVariants from '@views/apps/ecommerce/products/add/ProductVariants'
|
||||
|
||||
const eCommerceProductsAdd = () => {
|
||||
return (
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductAddHeader />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, md: 8 }}>
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductInformation />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductImage />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductVariants />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12, md: 4 }}>
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductPricing />
|
||||
</Grid>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductOrganize />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
)
|
||||
}
|
||||
|
||||
export default eCommerceProductsAdd
|
||||
@@ -0,0 +1,8 @@
|
||||
// Component Imports
|
||||
import ProductCategoryTable from '@views/apps/ecommerce/products/category/ProductCategoryTable'
|
||||
|
||||
const eCommerceProductsCategory = () => {
|
||||
return <ProductCategoryTable />
|
||||
}
|
||||
|
||||
export default eCommerceProductsCategory
|
||||
@@ -0,0 +1,8 @@
|
||||
// Component Imports
|
||||
import ProductIngredientTable from '../../../../../../../../views/apps/ecommerce/products/ingredient/ProductIngredientTable'
|
||||
|
||||
const eCommerceProductsIngredient = () => {
|
||||
return <ProductIngredientTable />
|
||||
}
|
||||
|
||||
export default eCommerceProductsIngredient
|
||||
@@ -0,0 +1,38 @@
|
||||
// MUI Imports
|
||||
import Grid from '@mui/material/Grid2'
|
||||
|
||||
// Component Imports
|
||||
import ProductListTable from '@views/apps/ecommerce/products/list/ProductListTable'
|
||||
|
||||
// Data Imports
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/ecommerce` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getEcommerceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/ecommerce`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch ecommerce data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
} */
|
||||
|
||||
const eCommerceProductsList = async () => {
|
||||
|
||||
return (
|
||||
<Grid container spacing={6}>
|
||||
<Grid size={{ xs: 12 }}>
|
||||
<ProductListTable />
|
||||
</Grid>
|
||||
</Grid>
|
||||
)
|
||||
}
|
||||
|
||||
export default eCommerceProductsList
|
||||
@@ -0,0 +1,8 @@
|
||||
// Component Imports
|
||||
import ProductUnitTable from '../../../../../../../../views/apps/ecommerce/products/units/ProductUnitTable'
|
||||
|
||||
const eCommerceProductsUnit = () => {
|
||||
return <ProductUnitTable />
|
||||
}
|
||||
|
||||
export default eCommerceProductsUnit
|
||||
@@ -0,0 +1,31 @@
|
||||
// React Imports
|
||||
import type { ReactElement } from 'react'
|
||||
|
||||
// Next Imports
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
// Component Imports
|
||||
import Settings from '@views/apps/ecommerce/settings'
|
||||
|
||||
const StoreDetailsTab = dynamic(() => import('@views/apps/ecommerce/settings/store-details'))
|
||||
const PaymentsTab = dynamic(() => import('@views/apps/ecommerce/settings/payments'))
|
||||
const CheckoutTab = dynamic(() => import('@views/apps/ecommerce/settings/checkout'))
|
||||
const ShippingDeliveryTab = dynamic(() => import('@views/apps/ecommerce/settings/ShippingDelivery'))
|
||||
const LocationsTab = dynamic(() => import('@views/apps/ecommerce/settings/locations'))
|
||||
const NotificationsTab = dynamic(() => import('@views/apps/ecommerce/settings/Notifications'))
|
||||
|
||||
// Vars
|
||||
const tabContentList = (): { [key: string]: ReactElement } => ({
|
||||
'store-details': <StoreDetailsTab />,
|
||||
payments: <PaymentsTab />,
|
||||
checkout: <CheckoutTab />,
|
||||
'shipping-delivery': <ShippingDeliveryTab />,
|
||||
locations: <LocationsTab />,
|
||||
notifications: <NotificationsTab />
|
||||
})
|
||||
|
||||
const eCommerceSettings = () => {
|
||||
return <Settings tabContentList={tabContentList()} />
|
||||
}
|
||||
|
||||
export default eCommerceSettings
|
||||
@@ -0,0 +1,29 @@
|
||||
// MUI Imports
|
||||
|
||||
import StockListTable from "../../../../../../../../views/apps/ecommerce/stock/list/StockListTable"
|
||||
|
||||
// Data Imports
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/ecommerce` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getEcommerceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/ecommerce`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch ecommerce data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
} */
|
||||
|
||||
const StockList = async () => {
|
||||
return <StockListTable />
|
||||
}
|
||||
|
||||
export default StockList
|
||||
@@ -0,0 +1,31 @@
|
||||
// MUI Imports
|
||||
|
||||
import StockListTable from "../../../../../../../../views/apps/ecommerce/stock/adjustment/StockListTable"
|
||||
|
||||
// Component Imports
|
||||
|
||||
// Data Imports
|
||||
|
||||
/**
|
||||
* ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
|
||||
* ! `.env` file found at root of your project and also update the API endpoints like `/apps/ecommerce` in below example.
|
||||
* ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
|
||||
* ! because we've used the server action for getting our static data.
|
||||
*/
|
||||
|
||||
/* const getEcommerceData = async () => {
|
||||
// Vars
|
||||
const res = await fetch(`${process.env.API_URL}/apps/ecommerce`)
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error('Failed to fetch ecommerce data')
|
||||
}
|
||||
|
||||
return res.json()
|
||||
} */
|
||||
|
||||
const StockAdjustment = async () => {
|
||||
return <StockListTable />
|
||||
}
|
||||
|
||||
export default StockAdjustment
|
||||
Reference in New Issue
Block a user