Skip to main content

v4.0.0 to v4.1.0

To ensure a smooth migration from version 4.0.0 to 4.1.0, please follow these steps carefully. We recommend starting by comparing your package.json file with the template’s package.json file and updating all dependencies accordingly.

input-otp​

We have added a new package, input-otp, for OTP input. Please make the following changes:

  • install the input-otp package by running the following command:

    pnpm install input-otp

  • Copy src/views/pages/auth/TwoStepsV1.tsx and src/views/pages/auth/TwoStepsV2.tsx files from the template and paste them into your project.

  • Copy the style file src/libs/styles/inputOtp.module.css from the template and paste it into your project.

  • Add the following CSS to the src/app/globals.css file:

    input[autocomplete='one-time-code'][data-input-otp='true'] {
      inline-size: 100% !important;
    }

Scroll to Top​

We have added a scroll-to-top feature on the front pages. To add this button in your project, copy the src/app/front-pages/layout.tsx file from the template and paste it into your project.

fake-db structure​

We have updated the fake-db structure. Please copy the src/fake-db folder from the template and paste it into your project and also update the imports accordingly.

Notification Dropdown and Shortcut Dropdown​

We have fixed the responsive issues in the Notification Dropdown and Shortcut Dropdown in vertical layout. To add this in your project, copy the src/components/layout/shared/NotificationsDropdown.tsx and src/components/layout/shared/ShortcutsDropdown.tsx files from the template and paste them into your project.

Mode Flicker Issue​

We have fixed the mode flicker issue when settings.mode & system both have dark mode and open 2 two tabs side by side, mode was flickering when we refresh any of the 2 pages. You need to make the following changes:

  • Copy the src/components/theme/index.tsx file and src/components/theme/ModeChanger.tsx file from the template to your project.

Other Changes​

There might be some other changes that you need to make in your project. Please follow this guide for the same.