Project

General

Profile

Actions

ClientProject #3070

open

ClientProject #3030: [Module] Authentication

[FE] Dashboard

Added by Nazmul Hossain Shovon 7 months ago. Updated 7 months ago.

Status:
Complete
Priority:
High
Target version:
Start date:
09/02/2025
Due date:
09/03/2025 (about 7 months late)
% Done:

100%

Estimated time:
7:00 h
Spent time:

Description

  • Added a new user dashboard page at /user/dashboard with dummy data for development.
  • Introduced three new components:
  • UserAccountInfo: Displays user info and account balances.
  • FilterSection: Provides filtering options for purchase history.
  • PurchaseHistory: Shows a detailed table of user purchases with mock data.
  • Created a dashboard component index for easier imports.
  • Updated dependencies: added moment for date formatting.
  • Updated package.json and pnpm-lock.yaml to include new dependency.
  • Added reusable BalanceCard component for displaying currency balances
  • Refactored user dashboard to use BalanceCard, simplifying balance display code
  • Introduced InvoiceAddressDetails modal for viewing detailed invoice addresses
  • Improved layout and styling in filter and purchase history sections
  • Enhanced overall dashboard UI consistency and maintainability
  • Removed moment.js dependency from PurchaseHistory.tsx.
  • Added a custom formatDate function for date formatting.
  • Updated all date formatting in the component to use the new formatDate function.
  • Reduced padding and gaps in BalanceCard and UserAccountInfo for a more compact look.
  • Adjusted text sizes and spacing for better consistency and responsiveness.
  • Updated FilterSection input/button heights and spacing for improved alignment and usability.
Actions #1

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 0 to 60

ref:
https://github.com/pqsjapan/frontendV1.1/commit/0d71d4ef530b0df44ba1c2450c4a2b21a1f3898c

Short Summary of Changes:

  • Added a new user dashboard page at /user/dashboard with dummy data for development.
  • Introduced three new components:
  • UserAccountInfo: Displays user info and account balances.
  • FilterSection: Provides filtering options for purchase history.
  • PurchaseHistory: Shows a detailed table of user purchases with mock data.
  • Created a dashboard component index for easier imports.
  • Updated dependencies: added moment for date formatting.
  • Updated package.json and pnpm-lock.yaml to include new dependency.
Actions #2

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 60 to 100

ref:
https://github.com/pqsjapan/frontendV1.1/commit/8c8768da89e047763a2acf1b7afb1e1dffe341dc

  • Added reusable BalanceCard component for displaying currency balances
  • Refactored user dashboard to use BalanceCard, simplifying balance display code
  • Introduced InvoiceAddressDetails modal for viewing detailed invoice addresses
  • Improved layout and styling in filter and purchase history sections
  • Enhanced overall dashboard UI consistency and maintainability
Actions #3

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/6c8865898baf55bf11a2c8b23624caabf41cc464

Short summary of key changes:

  • Removed moment.js dependency from PurchaseHistory.tsx.
  • Added a custom formatDate function for date formatting.
  • Updated all date formatting in the component to use the new formatDate function.
Actions #4

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/41af71d8b5b3eac8aa3dd52ce2b3b5861a544b73

Short summary of changes:

  • Reduced padding and gaps in BalanceCard and UserAccountInfo for a more compact look.
  • Adjusted text sizes and spacing for better consistency and responsiveness.
  • Updated FilterSection input/button heights and spacing for improved alignment and usability.
Actions #5

Updated by Nazmul Hossain Shovon 7 months ago

  • Description updated (diff)
Actions #6

Updated by Md.Sajib Ahmed 7 months ago

  • Status changed from In Progress to Complete

Suggested feedback and analaysis improvement area.

Actions

Also available in: Atom PDF