Skip to content

Commit 2f65f21

Browse files
VladMihalacheVladMihalache
committed
3.0.0
1 parent 86a5c1d commit 2f65f21

File tree

18 files changed

+72
-67
lines changed

18 files changed

+72
-67
lines changed

‎CHANGELOG.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,15 @@
11
# Changelog
22

3+
## [3.0.0] 2025-14-01
4+
5+
### Upgraded to React 19 ⚡️
6+
7+
### Upgraded to Next.js 15 ⚡️
8+
9+
- `<Scrollbar>` component adapted to SSR
10+
- Fixed Apexcharts
11+
- Cleaned props for multipel components
12+
313
## [2.1.0] 2024-06-19
414

515
### Vulnerabilities removed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# [Horizon UI Tailwind CSS NextJS ⚡️](https://horizon-ui.com/horizon-tailwind-react-nextjs) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?text=Check%20Horizon%20UI,%20the%20trendiest%20open-source%20admin%20dashboard%20template%20for%20Tailwind%20CSS,%20React%20JS%20and%20NextJS%20-%20https%3A//horizon-ui.com/)
22

3-
![version](https://img.shields.io/badge/version-2.1.0-blue.svg)
3+
![version](https://img.shields.io/badge/version-3.0.0-blue.svg)
44
![license](https://img.shields.io/badge/license-MIT-blue.svg)
55
[![GitHub issues open](https://img.shields.io/github/issues/horizon-ui/horizon-tailwind-react-nextjs.svg?maxAge=2592000)](https://github.com/horizon-ui/horizon-tailwind-react-nextjs/issues?q=is%3Aopen+is%3Aissue)
66

‎next.config.js‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@
88
// '@fullcalendar/react',
99

1010
const nextConfig = {
11-
swcMinify: true,
1211
basePath: process.env.NEXT_PUBLIC_BASE_PATH,
1312
assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH,
1413
images: {
@@ -20,9 +19,6 @@ const nextConfig = {
2019
// Make ENV
2120
unoptimized: true,
2221
},
23-
experimental: {
24-
appDir: true,
25-
},
2622
};
2723

2824
module.exports = nextConfig;

‎package.json‎

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "horizon-tailwind-react-nextjs",
3-
"version": "2.1.0",
3+
"version": "3.0.0",
44
"private": true,
55
"dependencies": {
66
"@chakra-ui/hooks": "^2.1.4",
@@ -19,20 +19,20 @@
1919
"@types/node": "^12.20.55",
2020
"@types/react": "^18.0.15",
2121
"@types/react-dom": "^18.0.6",
22-
"apexcharts": "3.35.5",
22+
"apexcharts": "^3.35.2",
2323
"framer-motion": "^7.10.2",
24-
"react": "^18.2.0",
25-
"react-apexcharts": "1.4.0",
26-
"react-calendar": "^3.9.0",
27-
"next": "^14.0.2",
24+
"next": "^15.1.4",
2825
"next-transpile-modules": "^9.0.0",
26+
"react": "^19.0.0-rc.1",
27+
"react-apexcharts": "^1.4.0",
28+
"react-calendar": "^3.9.0",
2929
"react-custom-scrollbars-2": "^4.2.1",
30-
"react-dom": "^18.2.0",
30+
"react-dom": "^19.0.0-rc.1",
3131
"react-icons": "^4.4.0",
32-
"react-router-dom": "^6.4.0",
3332
"react-no-ssr": "^1.1.0",
33+
"react-router-dom": "^6.4.0",
3434
"tailwindcss-rtl": "^0.9.0",
35-
"typescript": "^4.7.4",
35+
"typescript": "^4.9.4",
3636
"web-vitals": "^2.1.4"
3737
},
3838
"scripts": {
@@ -72,10 +72,11 @@
7272
"@types/react-dom": "^18.2.1",
7373
"@types/react-no-ssr": "^1.1.3",
7474
"@types/react-router-dom": "^5.3.3",
75+
"ajv": "^7.2.4",
7576
"autoprefixer": "^10.4.16",
7677
"css-loader": "^6.7.1",
7778
"eslint": "^8.23.0",
78-
"eslint-config-next": "^13.3.2",
79+
"eslint-config-next": "^15.1.4",
7980
"postcss": "^8.4.30",
8081
"prettier": "^2.8.3",
8182
"prettier-plugin-tailwindcss": "^0.2.1",

‎src/app/admin/nft-marketplace/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ const Marketplace = () => {
5656
className="text-base font-medium text-brand-500 hover:text-brand-500 dark:text-white"
5757
href=" "
5858
>
59-
<a href=" ">Sports</a>
59+
Sports
6060
</a>
6161
</li>
6262
</ul>

‎src/components/admin/data-tables/CheckTable.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ function CheckTable(props: { tableData: any }) {
3333
<div className="flex items-center">
3434
<Checkbox
3535
defaultChecked={info.getValue()[1]}
36-
colorScheme="brandScheme"
36+
color="indigo"
3737
me="10px"
3838
/>
3939
<p className="ml-3 text-sm font-bold text-navy-700 dark:text-white">

‎src/components/admin/default/CheckTable.tsx‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from "react";
2-
import CardMenu from "components/card/CardMenu";
3-
import Checkbox from "components/checkbox";
4-
import Card from "components/card";
1+
import React from 'react';
2+
import CardMenu from 'components/card/CardMenu';
3+
import Checkbox from 'components/checkbox';
4+
import Card from 'components/card';
55

66
import {
77
createColumnHelper,
@@ -10,7 +10,7 @@ import {
1010
getSortedRowModel,
1111
SortingState,
1212
useReactTable,
13-
} from "@tanstack/react-table";
13+
} from '@tanstack/react-table';
1414

1515
type RowObj = {
1616
name: [string, boolean];
@@ -24,16 +24,16 @@ function CheckTable(props: { tableData: any }) {
2424
const [sorting, setSorting] = React.useState<SortingState>([]);
2525
let defaultData = tableData;
2626
const columns = [
27-
columnHelper.accessor("name", {
28-
id: "name",
27+
columnHelper.accessor('name', {
28+
id: 'name',
2929
header: () => (
3030
<p className="text-sm font-bold text-gray-600 dark:text-white">NAME</p>
3131
),
3232
cell: (info: any) => (
3333
<div className="flex items-center">
3434
<Checkbox
3535
defaultChecked={info.getValue()[1]}
36-
colorScheme="brandScheme"
36+
color="indigo"
3737
me="10px"
3838
/>
3939
<p className="ml-3 text-sm font-bold text-navy-700 dark:text-white">
@@ -42,8 +42,8 @@ function CheckTable(props: { tableData: any }) {
4242
</div>
4343
),
4444
}),
45-
columnHelper.accessor("progress", {
46-
id: "progress",
45+
columnHelper.accessor('progress', {
46+
id: 'progress',
4747
header: () => (
4848
<p className="text-sm font-bold text-gray-600 dark:text-white">
4949
PROGRESS
@@ -55,8 +55,8 @@ function CheckTable(props: { tableData: any }) {
5555
</p>
5656
),
5757
}),
58-
columnHelper.accessor("quantity", {
59-
id: "quantity",
58+
columnHelper.accessor('quantity', {
59+
id: 'quantity',
6060
header: () => (
6161
<p className="text-sm font-bold text-gray-600 dark:text-white">
6262
QUANTITY
@@ -68,8 +68,8 @@ function CheckTable(props: { tableData: any }) {
6868
</p>
6969
),
7070
}),
71-
columnHelper.accessor("date", {
72-
id: "date",
71+
columnHelper.accessor('date', {
72+
id: 'date',
7373
header: () => (
7474
<p className="text-sm font-bold text-gray-600 dark:text-white">DATE</p>
7575
),
@@ -93,7 +93,7 @@ function CheckTable(props: { tableData: any }) {
9393
debugTable: true,
9494
});
9595
return (
96-
<Card extra={"w-full h-full sm:overflow-auto px-6"}>
96+
<Card extra={'w-full h-full sm:overflow-auto px-6'}>
9797
<header className="relative flex items-center justify-between pt-4">
9898
<div className="text-xl font-bold text-navy-700 dark:text-white">
9999
Check Table
@@ -118,11 +118,11 @@ function CheckTable(props: { tableData: any }) {
118118
<div className="items-center justify-between text-xs text-gray-200">
119119
{flexRender(
120120
header.column.columnDef.header,
121-
header.getContext()
121+
header.getContext(),
122122
)}
123123
{{
124-
asc: "",
125-
desc: "",
124+
asc: '',
125+
desc: '',
126126
}[header.column.getIsSorted() as string] ?? null}
127127
</div>
128128
</th>
@@ -146,7 +146,7 @@ function CheckTable(props: { tableData: any }) {
146146
>
147147
{flexRender(
148148
cell.column.columnDef.cell,
149-
cell.getContext()
149+
cell.getContext(),
150150
)}
151151
</td>
152152
);

‎src/components/admin/default/DailyTraffic.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import BarChart from "components/charts/BarChart";
2-
import { barChartDataDailyTraffic } from "variables/charts";
3-
import { barChartOptionsDailyTraffic } from "variables/charts";
4-
import { MdArrowDropUp } from "react-icons/md";
5-
import Card from "components/card";
1+
import BarChart from 'components/charts/BarChart';
2+
import { barChartDataDailyTraffic } from 'variables/charts';
3+
import { barChartOptionsDailyTraffic } from 'variables/charts';
4+
import { MdArrowDropUp } from 'react-icons/md';
5+
import Card from 'components/card';
66
const DailyTraffic = () => {
77
return (
88
<Card extra="pb-7 p-[20px]">
@@ -12,7 +12,7 @@ const DailyTraffic = () => {
1212
Daily Traffic
1313
</p>
1414
<p className="text-[34px] font-bold text-navy-700 dark:text-white">
15-
2.579{" "}
15+
2.579{' '}
1616
<span className="text-sm font-medium leading-6 text-gray-600">
1717
Visitors
1818
</span>

‎src/components/admin/default/PieChartCard.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import PieChart from "components/charts/PieChart";
2-
import { pieChartData, pieChartOptions } from "variables/charts";
3-
import Card from "components/card";
1+
import PieChart from 'components/charts/PieChart';
2+
import { pieChartData, pieChartOptions } from 'variables/charts';
3+
import Card from 'components/card';
44

55
const PieChartCard = () => {
66
return (

‎src/components/charts/BarChart.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ const Chart = dynamic(() => import('react-apexcharts'), {
55
ssr: false,
66
});
77

8-
const BarChart = (props) => {
8+
const BarChart = (props: any) => {
99
const { chartData, chartOptions } = props;
1010

1111
return (

0 commit comments

Comments
 (0)