Project

General

Profile

Actions

dev #3504

open

dev #3493: [FE] Core components

[FE] Develop core components

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

Status:
Pending
Priority:
High
Assignee:
-
Target version:
Start date:
10/21/2025
Due date:
10/21/2025 (about 6 months late)
% Done:

100%

Estimated time:
10:00 h (Total: 18:00 h)
Spent time:
14:30 h (Total: 22:30 h)

Subtasks 1 (1 open0 closed)

dev #3512: [FE]: Design core component for the client sectionComplete Md.Sajib Ahmed10/21/202510/21/2025

Actions
Actions #1

Updated by Nazmul Hossain Shovon 6 months ago

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/0e031d87e70fbf2c6bc9ddab685014b874ce497d

Summary of Key Changes
This commit introduces two main improvements:

  • New LinearProgress Component: Added a progress bar component with:
  • Dynamic width calculation based on progress percentage
  • Smooth transitions with CSS classes
  • Uses a new CSS gradient variable for styling
  • CSS Updates:
  • Added --gradient-primary CSS variable for consistent gradient styling
  • Select Component Refactoring:
  • Replaced hardcoded size={16} props with consistent h-4 w-4 Tailwind classes
  • Applied to ChevronDown, ChevronUp, and CheckIcon components
  • Improves consistency with Tailwind's utility-first approach
Actions #2

Updated by Md.Sajib Ahmed 6 months ago

  • Subtask #3512 added
Actions #3

Updated by Nazmul Hossain Shovon 6 months ago

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/0b3387e790acf0c4095c1ca3a9ce985ec24e2a1b

Summary of Key Changes:

The commit 9fdc63b1126cc4e2bed2b0e577f8fbeba6151318 contains
significant UI component additions and updates, particularly focused
on date/time functionality:

  1. New Components Added:

    • datetime-picker.tsx (910 lines added) - A major new component for
      date and time selection
    • calendar.tsx (170 lines added) - Supporting calendar component for
      date selection
    • FormStepNavItem.tsx (63 lines added) - New form step navigation
      component
    • Textarea.tsx (12 lines added) - Enhanced textarea component
  2. Component Updates:

    • button.tsx, input.tsx, popover.tsx - Updated UI components with
      new functionality
    • globals.css - Added new styles to support the new components
  3. Dependencies & Utilities:

    • package.json and package-lock.json - Updated with new dependencies
      (likely for datetime functionality)
    • lib/utils.ts - Added utility functions to support new components
Actions #4

Updated by Nazmul Hossain Shovon 6 months ago

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/f3ac18b40287a9944868a25af2fc4ff56df43a2d

Summary of Key Changes:

New Components:

  • Added RadioGroupComponent, Rating, and ResultImpactBadge components under core.
  • Added new UI primitives: label and radio-group under ui.

UI/Style Updates:

  • Updated button and popover styles for consistency and removed dark mode classes.
  • Added new CSS variables for success colors in globals.css.

Dependency Updates:

  • Installed @radix-ui/react-label, @radix-ui/react-radio-group, and @remixicon/react for new UI components.

Other:

  • Minor fixes in datetime-picker for select content background.
Actions

Also available in: Atom PDF