File: /mnt/data/smarthr-co-in/demo/react/documentation/changelog.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="SmartHR - HRMS, Payroll, HR Project Management Admin Dashboard Template.">
<meta name="author" content="dreamstechnologies">
<title>Smarthr - Online Documentation.</title>
<!-- App favicon -->
<link rel="shortcut icon" href="assets/img/logo/favicon.png">
<!-- Vendor -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/prism.css" rel="stylesheet">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- Main CSS -->
<link id="mainCss" href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<main class="wrapper sb-default">
<!-- Loader -->
<div id="loader-wrapper">
<div class="loader-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Header -->
<header class="header">
<div class="container-fluid">
<div class="header-left">
<div class="left-header me-2">
<a href="javascript:void(0)" class="sidebar-toggle">
<span class="outer-ring">
<span class="inner-ring"></span>
</span>
</a>
</div>
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="mailto:[email protected]" class="nav-link px-2 link-body-emphasis"><i class="fa-solid fa-headset me-2"></i>Support</a></li>
<li><a href="https://calendly.com/dreamstechnologies" class="nav-link px-2 link-body-emphasis" target="_blank"><i class="fa-brands fa-hire-a-helper me-2"></i>Hire Us</a></li>
<li><a href="http://smarthr.co.in/demo/react/documentation/" class="nav-link px-2 link-body-emphasis" target="_blank"><i class="fa-brands fa-hire-a-helper me-2"></i>Documentation</a></li>
</ul>
<div class="right-header">
<div class="me-2 header-item theme-light">
<button type="button" class="btn-topbar tools-item mode" data-bs-theme-tool="light">
<span class="feather-icon"><i data-feather="moon"></i></span>
</button>
</div>
<div class="me-2 header-item theme-dark">
<button type="button" class="btn-topbar tools-item mode active" data-bs-theme-tool="dark">
<span class="feather-icon"><i data-feather="sun"></i></span>
</button>
</div>
</div>
<div class="text-end">
<a href="https://smarthr.dreamstechnologies.com/react/" target="_blank" class="btn btn-white btn-sm me-2"><i class="fa-solid fa-link me-2"></i>Live Demo</a>
<a href="https://themeforest.net/item/smarthr-react-admin-template/28253842" class="btn btn-primary btn-sm" target="_blank"><i class="fa-solid fa-cart-plus me-2"></i>Buy Now</a>
</div>
</div>
</div>
</header>
<div class="doc-progress">
<div class="doc-progress-inner" id="scrollProgress">
</div>
</div>
<div class="sidebar-overlay"></div>
<div class="sidebar" data-mode="light">
<div class="sidebar-logo">
<a href="index.html" class="sb-full"><img src="assets/img/logo/logo.svg" alt="logo"><span class="badge badge-soft-danger fs-14 ms-1">Changelog</span></a>
<a href="index.html" class="sb-collapse"><img src="assets/img/logo/favicon.png" alt="logo"></a>
</div>
<div class="sidebar-inner">
<div class="sidebar-menu">
<ul id="menu-main-menu" class="sidebar-nav">
<li class="menu-item">
<a href="#changelog" class="page-link">
<span class="feather-icon"><i data-feather="hexagon"></i></span><span class="condense"><span class="hover-title">Change
Log</span> </span><span class="badge badge-changelog badge-soft-danger fw-semibold fs-8 px-2 ms-2 condense">v1.5.9</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- main content -->
<div class="main-content">
<div class="container-fluid">
<!-- Page title & breadcrumb -->
<div class="page-title">
<div class="breadcrumb">
<h1>Getting Started</h1>
<ul>
<li><a href="index.html">Smarthr</a></li>
<li>Getting Started</li>
</ul>
</div>
</div>
<div class="row sections">
<div class="col-xl-12 col-md-12">
<section class="custom-card page-block hentry" id="changelog">
<div class="card-body">
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.9<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>29 Nov 2025</small>
</div>
<div class="card-body">
<span class="badge text-bg-dark">Nextjs</span>
<ul>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Update</span>
Nextjs version v15.3.5 to v15.5.3
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Update</span>
React version v19.1.0 to v19.2.0
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Update</span>
Plugins version updated
</li>
</ul>
<span class="badge text-bg-info">React</span>
<ul>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Update</span>
React version v19.1.0 to v19.2.0
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Update</span>
Plugins version updated
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.8<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>05 Sept 2025</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span
class="badge text-bg-success rounded-pill me-2">Added</span>
Added Nextjs
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.7<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>01 August 2025</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Scss Updated
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Plugins version updated
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.6<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>25 June 2025</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Removed Unused Plugins
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Plugins version updated
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.5<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>16 June 2025</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
React version v19.0.0 to v19.1.0 Updated With vite
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Sass version updated
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Bootstrap version updated
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.4<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>11 April 2025</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Plugins version updated
</li>
<li class="mt-0"><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>
Sass version updated
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.3<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>24 Feb 2025</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
React version upgraded v18.3.1 to v19.0.0
</li>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
Plugins Version Upgradation
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.2<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>05 Dec 2024</small>
</div>
<div class="card-body">
<ul>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
React version upgraded v18.2.0 to v18.3.1
</li>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
Design Upgradation
</li>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
Bootstrap Version Upgraded v5.3.2 to v5.3.3
</li>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
Theme Settings Upgradation
</li>
<li class="mt-0"><span class="badge text-bg-warning rounded-pill me-2">Updated</span>
Plugins Version Upgradation
</li>
<li class="mt-0"><span class="badge text-bg-success rounded-pill me-2">Added</span>
Super Admin Module Added
</li>
<li class="mt-0"><span class="badge text-bg-success rounded-pill me-2">Added</span>
Layout Module Added
</li>
<li class="mt-0"><span class="badge text-bg-success rounded-pill me-2">Added</span>
New UI Pages Added
</li>
<li class="mt-0"><span class="badge text-bg-success rounded-pill me-2">Added</span>
New Application Pages Added
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5.1<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>07 March 2024</small>
</div>
<div class="card-body">
<ul>
<li><span class="badge text-bg-success rounded-pill me-2">Added</span> New Modules Added <br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span>Plugins Versions Upgraded<br/></li>
<li><span class="badge text-bg-danger rounded-pill me-2">Fixed</span>Warnings fixed<br/></li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.5<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>24 Nov 2023</small>
</div>
<div class="card-body">
<ul>
<li><span class="badge text-bg-success rounded-pill me-2">Added</span> Added Base Ui, Element, Charts, Icon modules in UI Interface <br/></li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.9<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>03 Oct 2023</small>
</div>
<div class="card-body">
<ul>
<li><span class="badge text-bg-success rounded-pill me-2">Added</span> React Bootstrap <br/></li>
<li><span class="badge text-bg-success rounded-pill me-2">Added</span> Multi Language Support <br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Code structure updated<br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Packages updated<br/></li></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> JQuery Removed<br/></li></li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.8<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>31 August 2023</small>
</div>
<div class="card-body">
<ul>
<li>
<span class="badge text-bg-success rounded-pill me-2">Added</span> Node v20.3.0 upgraded <br/></li>
<li><span class="badge text-bg-success rounded-pill me-2">Added</span> Eslint configured<br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Documentation Updated<br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Packages updated<br/></li></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Bootstrap updated v5.3.0<br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Updated new pages<br/></li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span> Font Awesome updated v6.4.0<br/></li>
<li><span class="badge text-bg-danger rounded-pill me-2">Fixed</span>Design issues fixed<br/></li>
<li><span class="badge text-bg-danger rounded-pill me-2">Fixed</span>Vulnerabilities issues fixed.<br/></li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.7<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>30 May 2023</small>
</div>
<div class="card-body">
<ul>
<li><span
class="badge text-bg-warning rounded-pill me-2">Updated</span>Documentation Updated</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.6<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>26 May 2023</small>
</div>
<div class="card-body">
<ul>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span>Node v18.16.0 upgraded</li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span>Packages updated</li>
<li><span class="badge text-bg-warning rounded-pill me-2">Updated</span>Node v18.16.0 upgraded</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.5<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>16 March 2023</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>
New concepts implemented Redux, json data, React Bootstrap<br/>
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.4<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>09 July 2023
</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span class="badge text-bg-warning rounded-pill me-2"> Updated</span>
- Multiple templates changed into single template
</li>
</ul>
</div>
</div>
<!-- Version block -->
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.3<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>08 July 2022
</small>
</div>
<div class="card-body">
<h6 class="mt-3">Fixed</h6>
<ul>
<li><span class="badge text-bg-danger rounded-pill me-2">Fixed</span>
Linux Installation issue fixed
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.2<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>11 Jun 2022</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>Components splitting with child component and authentication provide<br/>
</li>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span> New setting and Invoice page in Vue</li>
</ul>
<h6 class="mt-3">Removed</h6>
<ul>
<li><span
class="badge text-bg-danger rounded-pill me-2">Removed</span>Removed
jquery </li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4.1<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>8 Feb 2022</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span class="badge text-bg-success rounded-pill me-2">Added</span>
Changed bootstrap version 4 to 5
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.4<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>4 Nov 2021</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>Added
- Changed reactjs version 16.13.1 to 17.0.2 - Changed class to react hook component.
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.3<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>1 June 2021</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>We have added new modules in this version<br/>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>Shift & schedule, Sales, Accounting, Reports, Jobs, Settings<br/>
</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.2<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>5 Feb 2021</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>Added
Laravel RTL template</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.1
<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>22 Jan 2021</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>Added
Vuejs template</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.2<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>29 Oct 2020</small>
</div>
<div class="card-body">
<h6 class="mt-3">Fixed</h6>
<ul>
<li><span
class="badge text-bg-danger rounded-pill me-2">Fixed</span>Added
Bug fixed</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block">
<div class="card-header">
<h4 class="card-title">Version 1.1<a class="anchor-link ms-2"
href="#changelog"><i class="fa-solid fa-hashtag"></i></a></h4>
<small>15 Sep 2020</small>
</div>
<div class="card-body">
<h6 class="mt-3">Added</h6>
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span> RTL Template Added</li>
</ul>
</div>
</div>
</div>
<div class="section-block">
<div class="custom-card page-block mb-0">
<div class="card-header">
<h4 class="card-title">Version 1.0</h4>
<small>20 Aug 2020</small>
</div>
<div class="card-body">
<ul>
<li><span
class="badge text-bg-success rounded-pill me-2">Added</span>Intial
Release</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div><footer class="content-footer footer">
<div class="container-fluid d-flex flex-wrap justify-content-between align-items-center text-center py-3">
<div>
© 2015- <script>
document.write(new Date().getFullYear())
</script>
<a href="#" class="footer-text fw-medium text-primary" target="_blank">Dreams Technologies</a>
</div>
<div class="social-icons">
<a href="#" class="footer-link me-2" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="#" class="footer-link me-2" target="_blank"><i class="fa-brands fa-twitter"></i></a>
<a href="#" class="footer-link me-2" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="#" class="footer-link me-2" target="_blank"><i class="fa-brands fa-dribbble"></i></a>
<a href="#" class="footer-link" target="_blank"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</footer>
</div>
</main>
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/prism.js"></script>
<script src="assets/js/feather.min.js"></script>
<script src="assets/js/jquery.zoom.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>