Feature/Get Balance

[fanesz]

Todo:

• [x] Create a good UI to display current Balance

• [x] Display maybe 10 previous newest balance history with a button to Balance History Page

• Get Balance

  • Method: GET
  • URI: /api/balance

  Response:

  {
  "status": true,
  "status_code": 200,
  "message": "Success getting a balance",
  "data": {
    "balance": 20000,  // int
    "updated_at": "2024-05-12T16:19:45.042201+08:00"  // timestamp
  }
  }

  Possibility Fail: Balance not initialized yet (500)

• Get History

  • Method: GET
  • URI: /api/balance/history
  • Filter: sort by date, pagination

  Response:

  {
  "status": true,
  "status_code": 200,
  "message": "Success getting balance history",
  "data": [
    {
      "amount": 10000,
      "activity": "Add",
      "note": "[kas pay]",
      "user": {
        "npm": "2125240021"
      },
      "created_at": "2024-05-12T10:09:37.88331+08:00"
    }
  ]
  }

  Possibility Fail: Balance not initialized yet (500)

[fanesz]

untuk tampilan ui, package baru, dan implementasi singkat boleh diupdate di comment ini @Rendy752

[Rendy752]

update:

• add balance page
• add balance history services
• add balance history context and custom hooks in balance page
• refactor balance page based on updated common types
• simplify balance page data
• implement glassmorphism ui

new package:

• clsx, help manage dynamic className
• tailwind-merge, efficiently merge tailwind css without style conflict
• react-loading-skeleton (unused)

ui: background.png

background2.png

procom-purple.png