From 3ff435f0a872998f9e3e4894e1490a5d58eeec26 Mon Sep 17 00:00:00 2001 From: Thibault Goudouneix Date: Fri, 7 Apr 2023 13:14:50 +0200 Subject: [PATCH 1/3] chore: update outdated dependencies --- package.json | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index 4f4477926..5c6c0d6b8 100644 --- a/package.json +++ b/package.json @@ -6,17 +6,17 @@ "repository": "https://github.com/creativetimofficial/notus-nextjs", "license": "MIT", "dependencies": { - "@fortawesome/fontawesome-free": "5.15.3", - "@popperjs/core": "2.9.1", - "@tailwindcss/forms": "0.2.1", - "chart.js": "2.9.4", + "@fortawesome/fontawesome-free": "6.4.0", + "@popperjs/core": "2.11.7", + "@tailwindcss/forms": "0.5.3", + "chart.js": "4.2.1", "gulp": "4.0.2", - "gulp-append-prepend": "1.0.8", - "next": "10.0.9", - "react": "17.0.1", - "react-dom": "17.0.1", - "react-scripts": "4.0.3", - "tailwindcss": "2.0.4" + "gulp-append-prepend": "1.0.9", + "next": "13.3.0", + "react": "18.2.0", + "react-dom": "18.2.0", + "react-scripts": "5.0.1", + "tailwindcss": "3.3.1" }, "scripts": { "start": "next start", @@ -44,7 +44,7 @@ "typescript": "4.2.3" }, "devDependencies": { - "autoprefixer": "10.2.5", - "postcss": "8.2.8" + "autoprefixer": "10.4.14", + "postcss": "8.4.21" } } From edfba6b65d134532ba0c536a7b5a792d2b16db4a Mon Sep 17 00:00:00 2001 From: Thibault Goudouneix Date: Fri, 7 Apr 2023 13:17:36 +0200 Subject: [PATCH 2/3] fix(links): apply new-link codemod for Link component --- components/Dropdowns/IndexDropdown.js | 234 +++-- components/Dropdowns/PagesDropdown.js | 234 +++-- components/Navbars/AuthNavbar.js | 163 ++-- components/Navbars/IndexNavbar.js | 163 ++-- components/Sidebar/Sidebar.js | 622 +++++++------ pages/auth/login.js | 190 ++-- pages/index.js | 1188 ++++++++++++------------- pages/landing.js | 984 ++++++++++---------- 8 files changed, 1859 insertions(+), 1919 deletions(-) diff --git a/components/Dropdowns/IndexDropdown.js b/components/Dropdowns/IndexDropdown.js index 87761c420..55ffbbc1d 100644 --- a/components/Dropdowns/IndexDropdown.js +++ b/components/Dropdowns/IndexDropdown.js @@ -16,132 +16,122 @@ const IndexDropdown = () => { const closeDropdownPopover = () => { setDropdownPopoverShow(false); }; - return ( - <> - { - e.preventDefault(); - dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover(); - }} + return <> + { + e.preventDefault(); + dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover(); + }} + > + Demo Pages + +
+ - Demo Pages - -
+ + + Dashboard + + + + + Settings + + + + + Tables + + + + + Maps + + +
+ - - Admin Layout - - - - Dashboard - - - - - Settings - - - - - Tables - - - - - Maps - - -
- - Auth Layout - - - - Login - - - - - Register - - -
- - No Layout - - - - Landing - - - - - Profile - - -
- - ); + Auth Layout + + + + Login + + + + + Register + + +
+ + No Layout + + + + Landing + + + + + Profile + + +
+ ; }; export default IndexDropdown; diff --git a/components/Dropdowns/PagesDropdown.js b/components/Dropdowns/PagesDropdown.js index cabb6b726..884362d2f 100644 --- a/components/Dropdowns/PagesDropdown.js +++ b/components/Dropdowns/PagesDropdown.js @@ -16,132 +16,122 @@ const PagesDropdown = () => { const closeDropdownPopover = () => { setDropdownPopoverShow(false); }; - return ( - <> - { - e.preventDefault(); - dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover(); - }} + return <> + { + e.preventDefault(); + dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover(); + }} + > + Demo Pages + +
+ - Demo Pages - -
+ + + Dashboard + + + + + Settings + + + + + Tables + + + + + Maps + + +
+ - - Admin Layout - - - - Dashboard - - - - - Settings - - - - - Tables - - - - - Maps - - -
- - Auth Layout - - - - Login - - - - - Register - - -
- - No Layout - - - - Landing - - - - - Profile - - -
- - ); + Auth Layout + + + + Login + + + + + Register + + +
+ + No Layout + + + + Landing + + + + + Profile + + +
+ ; }; export default PagesDropdown; diff --git a/components/Navbars/AuthNavbar.js b/components/Navbars/AuthNavbar.js index c267b5937..709a92f88 100644 --- a/components/Navbars/AuthNavbar.js +++ b/components/Navbars/AuthNavbar.js @@ -6,94 +6,91 @@ import PagesDropdown from "components/Dropdowns/PagesDropdown.js"; export default function Navbar(props) { const [navbarOpen, setNavbarOpen] = React.useState(false); - return ( - <> - + ; } diff --git a/components/Navbars/IndexNavbar.js b/components/Navbars/IndexNavbar.js index f2e2c590c..881c362fb 100644 --- a/components/Navbars/IndexNavbar.js +++ b/components/Navbars/IndexNavbar.js @@ -6,94 +6,91 @@ import IndexDropdown from "components/Dropdowns/IndexDropdown.js"; export default function Navbar(props) { const [navbarOpen, setNavbarOpen] = React.useState(false); - return ( - <> - + ; } diff --git a/components/Sidebar/Sidebar.js b/components/Sidebar/Sidebar.js index 962c22253..6603e8a8e 100644 --- a/components/Sidebar/Sidebar.js +++ b/components/Sidebar/Sidebar.js @@ -8,351 +8,323 @@ import UserDropdown from "components/Dropdowns/UserDropdown.js"; export default function Sidebar() { const [collapseShow, setCollapseShow] = React.useState("hidden"); const router = useRouter(); - return ( - <> - + ; } diff --git a/pages/auth/login.js b/pages/auth/login.js index 911e58974..0e0910c2a 100644 --- a/pages/auth/login.js +++ b/pages/auth/login.js @@ -6,115 +6,113 @@ import Link from "next/link"; import Auth from "layouts/Auth.js"; export default function Login() { - return ( - <> -
-
-
-
-
-
-
- Sign in with -
+ return <> +
+
+
+
+
+
+
+ Sign in with +
+
+
+ + +
+
+
+
+
+ Or sign in with credentials +
+
+
+ +
-
- + Password + + +
+
+ +
+ +
-
-
-
-
- Or sign in with credentials -
- -
- - -
+ +
+
+
+ +
+ -
- - -
-
- -
+ Create new account -
- -
- -
-
-
- - ); +
+ ; } Login.layout = Auth; diff --git a/pages/index.js b/pages/index.js index e18f80594..f7e9060b1 100644 --- a/pages/index.js +++ b/pages/index.js @@ -6,662 +6,660 @@ import IndexNavbar from "components/Navbars/IndexNavbar.js"; import Footer from "components/Footers/Footer.js"; export default function Index() { - return ( - <> - -
-
-
-
-

- Notus NextJS - A beautiful extension for Tailwind CSS. -

-

- Notus NextJS is Free and Open Source. It does not change any of - the CSS from{" "} - - Tailwind CSS - - . It features multiple HTML elements and it comes with dynamic - components for ReactJS, Vue and Angular. -

- + return <> + +
+
+
+
+

+ Notus NextJS - A beautiful extension for Tailwind CSS. +

+

+ Notus NextJS is Free and Open Source. It does not change any of + the CSS from{" "} + + Tailwind CSS + + . It features multiple HTML elements and it comes with dynamic + components for ReactJS, Vue and Angular. +

+
- ... -
+
+ ... +
-
-
+
+ - - - -
-
-
-
-
- ... -
- - - -

- Great for your awesome project -

-

- Putting together a page has never been easier than matching - together pre-made components. From landing pages - presentation to login areas, you can easily customise and - built your pages. -

-
-
+ + +
+
+
+
+
+ ... +
+ + + +

+ Great for your awesome project +

+

+ Putting together a page has never been easier than matching + together pre-made components. From landing pages + presentation to login areas, you can easily customise and + built your pages. +

+
+
-
-
-
-
-
-
- -
-
- CSS Components -
-

- Notus NextJS comes with a huge number of Fully Coded CSS - components. -

+
+
+
+
+
+
+
+
+ CSS Components +
+

+ Notus NextJS comes with a huge number of Fully Coded CSS + components. +

-
-
-
- -
-
- JavaScript Components -
-

- We also feature many dynamic components for React, - NextJS, Vue and Angular. -

+
+
+
+
+
+
+ JavaScript Components +
+

+ We also feature many dynamic components for React, + NextJS, Vue and Angular. +

-
-
-
-
- -
-
Pages
-

- This extension also comes with 3 sample pages. They are - fully coded so you can start working instantly. -

+
+
+
+
+
+
+
Pages
+

+ This extension also comes with 3 sample pages. They are + fully coded so you can start working instantly. +

-
-
-
- -
-
- Documentation -
-

- Built by developers for developers. You will love how - easy is to to work with Notus NextJS. -

+
+
+
+
+
+
+ Documentation +
+

+ Built by developers for developers. You will love how + easy is to to work with Notus NextJS. +

+
-
-
-
-
- -
-

- CSS Components -

-

- Every element that you need in a product comes built in as a - component. All components fit perfectly with each other and can - have different colours. -

-
- - Buttons - - - Inputs - - - Labels - - - Menus - - - Navbars - - - Pagination - - - Progressbars - - - Typography - -
- - View All{" "} - - +
+
+
+
+
- -
-
- ... - ... - ... - ... - ... - ... -
+

+ CSS Components +

+

+ Every element that you need in a product comes built in as a + component. All components fit perfectly with each other and can + have different colours. +

+
+ + Buttons + + + Inputs + + + Labels + + + Menus + + + Navbars + + + Pagination + + + Progressbars + + + Typography +
+ + View All{" "} + +
-
- -
-
- +
+
+
+ -

- Javascript Components -

-

- In order to create a great User Experience some components - require JavaScript. In this way you can manipulate the elements - on the page and give more options to your users. -

-

- We created a set of Components that are dynamic and come to help - you. -

-
- - Alerts - - - Dropdowns - - - Menus - - - Modals - - - Navbars - - - Popovers - - - Tabs - - - Tooltips - + - - View all{" "} - -
+ +
+
+ +
+

+ Javascript Components +

+

+ In order to create a great User Experience some components + require JavaScript. In this way you can manipulate the elements + on the page and give more options to your users. +

+

+ We created a set of Components that are dynamic and come to help + you. +

+
+ + Alerts + + + Dropdowns + + + Menus + + + Modals + + + Navbars + + + Popovers + + + Tabs + + + Tooltips + +
+ + View all{" "} + + +
+
-
-
-
-
-
- -
-

- Complex Documentation -

-

- This extension comes a lot of fully coded examples that help - you get started faster. You can adjust the colors and also the - programming language. You can change the text and images and - you're good to go. -

-
    -
  • -
    -
    - - - -
    -
    -

    - Built by Developers for Developers -

    -
    +
    +
    +
    +
    +
    + +
    +

    + Complex Documentation +

    +

    + This extension comes a lot of fully coded examples that help + you get started faster. You can adjust the colors and also the + programming language. You can change the text and images and + you're good to go. +

    +
      +
    • +
      +
      + + +
      -
      • -
    • -
      -
      - - - -
      -
      -

      - Carefully crafted code for Components -

      -
      +
      +

      + Built by Developers for Developers +

      -
      • -
    • -
      -
      - - - -
      -
      -

      - Dynamic Javascript Components -

      -
      +
      +
      • +
    • +
      +
      + + +
      -
      • -
    -
    +
    +

    + Carefully crafted code for Components +

    +
    +
    +
    • +
  • +
    +
    + + + +
    +
    +

    + Dynamic Javascript Components +

    +
    +
    +
    • +
+
-
- ... -
+
+ ...
+
-
-
-

Beautiful Example Pages

-

- Notus NextJS is a completly new product built using our past - experience in web templates. Take the examples we made for you and - start playing with them. -

-
+
+
+

Beautiful Example Pages

+

+ Notus NextJS is a completly new product built using our past + experience in web templates. Take the examples we made for you and + start playing with them. +

-
+
+ -
-
-
-
-
-
-
- Login Page -
- -
- ... -
- -
+
+
+
+
+
+
+
+ Login Page +
+ +
+ ... +
+ +
-
-
- Profile Page -
- -
- ... -
- -
+
+
+ Profile Page +
+ +
+ ... +
+ +
-
-
- Landing Page -
- -
- ... -
- -
+
+
+ Landing Page +
+ +
+ ... +
+
-
+
+
-
-
-
-
-
- -
-

- Open Source -

-

- Since{" "} - - Tailwind CSS - {" "} - is an open source project we wanted to continue this movement - too. You can give this version a try to feel the design and also - test the quality of the code! -

-

- Get it free on Github and please help us spread the news with a - Star! -

+
+
+
+
+
+ +
+

+ Open Source +

+

+ Since{" "} - Github Star - -

+ Tailwind CSS + {" "} + is an open source project we wanted to continue this movement + too. You can give this version a try to feel the design and also + test the quality of the code! +

+

+ Get it free on Github and please help us spread the news with a + Star! +

+ + Github Star + +
-
- -
+
+
-
+
+
-
-
+
+ - - - -
+ + +
-
-
-
-

- - 😍 - -

-

- Do you love this Starter Kit? -

-

- Cause if you do, it can be yours now. Hit the buttons below to - navigate to get the Free version for your next project. Build a - new web app or give an old project a new look! -

- -
+
+
+
+

+ + 😍 + +

+

+ Do you love this Starter Kit? +

+

+ Cause if you do, it can be yours now. Hit the buttons below to + navigate to get the Free version for your next project. Build a + new web app or give an old project a new look! +

+ +
-
-
- - ); +
+ +