Merge remote-tracking branch 'origin/app/feat/finance' into next

package.json

@@ -71,6 +71,7 @@
     "@web3auth/ethereum-provider": "~9.4.0",
     "@web3auth/modal": "~9.4.0",
     "@web3auth/modal-react-hooks": "~9.4.0",
+    "apexcharts": "^4.3.0",
     "autosuggest-highlight": "^3.3.4",
     "axios": "^1.4.0",
     "date-fns": "^2.30.0",
@@ -93,6 +94,7 @@
     "numeral": "^2.0.6",
     "pbkdf2": "^3.1.2",
     "react": "^18.2.0",
+    "react-apexcharts": "^1.7.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-helmet-async": "^1.3.0",

src/App.tsx

@@ -3,6 +3,7 @@ import { store } from '@redux/store';
 import '@src/locales/i18n';
 
 // scrollbar
+// @ts-ignore
 import 'simplebar-react/dist/simplebar.min.css';
 
 // lightbox
@@ -11,13 +12,17 @@ import 'yet-another-react-lightbox/plugins/captions.css';
 import 'yet-another-react-lightbox/plugins/thumbnails.css';
 
 // editor
+// @ts-ignore
 import 'react-quill/dist/quill.snow.css';
 
 // carousel
+// @ts-ignore
 import 'slick-carousel/slick/slick.css';
+// @ts-ignore
 import 'slick-carousel/slick/slick-theme.css';
 
 // image
+// @ts-ignore
 import 'react-lazy-load-image-component/src/effects/blur.css';
 
 // ----------------------------------------------------------------------
@@ -83,6 +88,7 @@ export default function App() {
                   <Router />
                   <ResponsiveOverlay />
                 </SnackbarProvider>
+
               </MotionLazy>
             </ThemeProvider>
           </Provider>

src/_mock/_mock.ts

@@ -0,0 +1,73 @@
+import { sub } from 'date-fns';
+// config
+import { ASSETS_API } from '@src/config-global';
+//
+import {
+  _id,
+  _ages,
+  _roles,
+  _prices,
+  _emails,
+  _ratings,
+  _nativeS,
+  _nativeM,
+  _nativeL,
+  _percents,
+  _booleans,
+  _sentences,
+  _lastNames,
+  _fullNames,
+  _tourNames,
+  _jobTitles,
+  _taskNames,
+  _postTitles,
+  _firstNames,
+  _fullAddress,
+  _companyNames,
+  _productNames,
+  _descriptions,
+  _phoneNumbers,
+} from './assets';
+
+export const _mock = {
+  id: (index: number) => _id[index],
+  time: (index: number) => sub(new Date(), { days: index, hours: index }),
+  boolean: (index: number) => _booleans[index],
+  role: (index: number) => _roles[index],
+  // Text
+  taskNames: (index: number) => _taskNames[index],
+  postTitle: (index: number) => _postTitles[index],
+  jobTitle: (index: number) => _jobTitles[index],
+  tourName: (index: number) => _tourNames[index],
+  productName: (index: number) => _productNames[index],
+  sentence: (index: number) => _sentences[index],
+  description: (index: number) => _descriptions[index],
+  // Contact
+  email: (index: number) => _emails[index],
+  phoneNumber: (index: number) => _phoneNumbers[index],
+  fullAddress: (index: number) => _fullAddress[index],
+  // Name
+  firstName: (index: number) => _firstNames[index],
+  lastName: (index: number) => _lastNames[index],
+  fullName: (index: number) => _fullNames[index],
+  companyName: (index: number) => _companyNames[index],
+  // Number
+  number: {
+    percent: (index: number) => _percents[index],
+    rating: (index: number) => _ratings[index],
+    age: (index: number) => _ages[index],
+    price: (index: number) => _prices[index],
+    nativeS: (index: number) => _nativeS[index],
+    nativeM: (index: number) => _nativeM[index],
+    nativeL: (index: number) => _nativeL[index],
+  },
+  // Image
+  image: {
+    cover: (index: number) => `${ASSETS_API}/assets/images/cover/cover_${index + 1}.jpg`,
+    avatar: (index: number) => `${ASSETS_API}/assets/images/avatar/avatar_${index + 1}.jpg`,
+    travel: (index: number) => `${ASSETS_API}/assets/images/travel/travel_${index + 1}.jpg`,
+    company: (index: number) => `${ASSETS_API}/assets/images/company/company_${index + 1}.png`,
+    product: (index: number) => `${ASSETS_API}/assets/images/m_product/product_${index + 1}.jpg`,
+    portrait: (index: number) => `${ASSETS_API}/assets/images/portrait/portrait_${index + 1}.jpg`,
+  },
+};

src/_mock/_overview.ts

@@ -0,0 +1,62 @@
+import { _mock } from './_mock';
+
+// BANKING
+// ----------------------------------------------------------------------
+
+export const _bankingRecentTransitions = [
+  {
+    id: _mock.id(2),
+    name: _mock.fullName(2),
+    avatarUrl: _mock.image.avatar(2),
+    type: 'Income',
+    message: 'Receive money from',
+    category: 'Annette Black',
+    date: _mock.time(2),
+    status: 'progress',
+    amount: _mock.number.price(2),
+  },
+  {
+    id: _mock.id(3),
+    name: _mock.fullName(3),
+    avatarUrl: _mock.image.avatar(3),
+    type: 'Expenses',
+    message: 'Payment for',
+    category: 'Courtney Henry',
+    date: _mock.time(3),
+    status: 'completed',
+    amount: _mock.number.price(3),
+  },
+  {
+    id: _mock.id(4),
+    name: _mock.fullName(4),
+    avatarUrl: _mock.image.avatar(4),
+    type: 'Receive',
+    message: 'Payment for',
+    category: 'Theresa Webb',
+    date: _mock.time(4),
+    status: 'failed',
+    amount: _mock.number.price(4),
+  },
+  {
+    id: _mock.id(5),
+    name: null,
+    avatarUrl: null,
+    type: 'Expenses',
+    message: 'Payment for',
+    category: 'Beauty & Health',
+    date: _mock.time(5),
+    status: 'completed',
+    amount: _mock.number.price(5),
+  },
+  {
+    id: _mock.id(6),
+    name: null,
+    avatarUrl: null,
+    type: 'Expenses',
+    message: 'Payment for',
+    category: 'Books',
+    date: _mock.time(6),
+    status: 'progress',
+    amount: _mock.number.price(6),
+  },
+];