upd: dir structure (use src)

Simplevrithin · Dec 4, 2022 · c43e883 · c43e883
1 parent 4e3f5f8
commit c43e883
Show file tree

Hide file tree

Showing 77 changed files with 66 additions and 69 deletions.
diff --git a/src/colors.ts b/src/colors.ts
@@ -1,4 +1,4 @@
-import type { ColorButtonKey } from '../interfaces'
+import type { ColorButtonKey } from './interfaces'
 
 export const gradientBgBase = 'bg-gradient-to-tr'
 export const gradientBgPurplePink = `${gradientBgBase} from-purple-400 via-pink-500 to-red-500`

diff --git a/components/AsideMenu.tsx → src/components/AsideMenu.tsx b/components/AsideMenu.tsx → src/components/AsideMenu.tsx
diff --git a/components/AsideMenuItem.tsx → src/components/AsideMenuItem.tsx b/components/AsideMenuItem.tsx → src/components/AsideMenuItem.tsx
@@ -2,10 +2,10 @@ import React, { useEffect, useState } from 'react'
 import { mdiMinus, mdiPlus } from '@mdi/js'
 import BaseIcon from './BaseIcon'
 import Link from 'next/link'
-import { getButtonColor } from '../src/colors'
+import { getButtonColor } from '../colors'
 import AsideMenuList from './AsideMenuList'
 import { MenuAsideItem } from '../interfaces'
-import { useAppSelector } from '../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 import { useRouter } from 'next/router'
 
 type Props = {

diff --git a/components/AsideMenuLayer.tsx → src/components/AsideMenuLayer.tsx b/components/AsideMenuLayer.tsx → src/components/AsideMenuLayer.tsx
@@ -4,7 +4,7 @@ import BaseIcon from './BaseIcon'
 import AsideMenuItem from './AsideMenuItem'
 import AsideMenuList from './AsideMenuList'
 import { MenuAsideItem } from '../interfaces'
-import { useAppSelector } from '../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 
 type Props = {
   menu: MenuAsideItem[]

diff --git a/components/AsideMenuList.tsx → src/components/AsideMenuList.tsx b/components/AsideMenuList.tsx → src/components/AsideMenuList.tsx
diff --git a/components/BaseButton.tsx → src/components/BaseButton.tsx b/components/BaseButton.tsx → src/components/BaseButton.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import Link from 'next/link'
-import { getButtonColor } from '../src/colors'
+import { getButtonColor } from '../colors'
 import BaseIcon from './BaseIcon'
 import type { ColorButtonKey } from '../interfaces'
 

diff --git a/components/BaseButtons.tsx → src/components/BaseButtons.tsx b/components/BaseButtons.tsx → src/components/BaseButtons.tsx
diff --git a/components/BaseDivider.tsx → src/components/BaseDivider.tsx b/components/BaseDivider.tsx → src/components/BaseDivider.tsx
diff --git a/components/BaseIcon.tsx → src/components/BaseIcon.tsx b/components/BaseIcon.tsx → src/components/BaseIcon.tsx
diff --git a/components/CardBox.tsx → src/components/CardBox.tsx b/components/CardBox.tsx → src/components/CardBox.tsx
diff --git a/components/CardBoxClient.tsx → src/components/CardBoxClient.tsx b/components/CardBoxClient.tsx → src/components/CardBoxClient.tsx
diff --git a/components/CardBoxComponentBody.tsx → src/components/CardBoxComponentBody.tsx b/components/CardBoxComponentBody.tsx → src/components/CardBoxComponentBody.tsx
diff --git a/components/CardBoxComponentEmpty.tsx → src/components/CardBoxComponentEmpty.tsx b/components/CardBoxComponentEmpty.tsx → src/components/CardBoxComponentEmpty.tsx
diff --git a/components/CardBoxComponentFooter.tsx → src/components/CardBoxComponentFooter.tsx b/components/CardBoxComponentFooter.tsx → src/components/CardBoxComponentFooter.tsx
diff --git a/components/CardBoxComponentTitle.tsx → src/components/CardBoxComponentTitle.tsx b/components/CardBoxComponentTitle.tsx → src/components/CardBoxComponentTitle.tsx
diff --git a/components/CardBoxModal.tsx → src/components/CardBoxModal.tsx b/components/CardBoxModal.tsx → src/components/CardBoxModal.tsx
diff --git a/components/CardBoxTransaction.tsx → src/components/CardBoxTransaction.tsx b/components/CardBoxTransaction.tsx → src/components/CardBoxTransaction.tsx
diff --git a/components/CardBoxWidget.tsx → src/components/CardBoxWidget.tsx b/components/CardBoxWidget.tsx → src/components/CardBoxWidget.tsx
@@ -1,7 +1,7 @@
 import { mdiCog } from '@mdi/js'
 import React from 'react'
 import { ColorKey, TrendType } from '../interfaces'
-import { colorsText } from '../src/colors'
+import { colorsText } from '../colors'
 import BaseButton from './BaseButton'
 import BaseIcon from './BaseIcon'
 import CardBox from './CardBox'

diff --git a/components/charts/config.ts → src/components/ChartLineSample/config.ts b/components/charts/config.ts → src/components/ChartLineSample/config.ts
diff --git a/components/charts/LineSample.tsx → src/components/ChartLineSample/index.tsx b/components/charts/LineSample.tsx → src/components/ChartLineSample/index.tsx
diff --git a/components/FooterBar.tsx → src/components/FooterBar.tsx b/components/FooterBar.tsx → src/components/FooterBar.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react'
-import { containerMaxW } from '../src/config'
-import JustboilLogo from './justboil/Logo'
+import { containerMaxW } from '../config'
+import JustboilLogo from './JustboilLogo'
 
 type Props = {
   children: ReactNode

diff --git a/components/FormCheckRadio.tsx → src/components/FormCheckRadio.tsx b/components/FormCheckRadio.tsx → src/components/FormCheckRadio.tsx
diff --git a/components/FormCheckRadioGroup.tsx → src/components/FormCheckRadioGroup.tsx b/components/FormCheckRadioGroup.tsx → src/components/FormCheckRadioGroup.tsx
diff --git a/components/FormField.tsx → src/components/FormField.tsx b/components/FormField.tsx → src/components/FormField.tsx
diff --git a/components/FormFilePicker.tsx → src/components/FormFilePicker.tsx b/components/FormFilePicker.tsx → src/components/FormFilePicker.tsx
diff --git a/components/IconRounded.tsx → src/components/IconRounded.tsx b/components/IconRounded.tsx → src/components/IconRounded.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { ColorKey } from '../interfaces'
-import { colorsBgLight, colorsText } from '../src/colors'
+import { colorsBgLight, colorsText } from '../colors'
 import BaseIcon from './BaseIcon'
 
 type Props = {

diff --git a/components/justboil/Logo.tsx → src/components/JustboilLogo/index.tsx b/components/justboil/Logo.tsx → src/components/JustboilLogo/index.tsx
diff --git a/components/justboil/logoPath.js → src/components/JustboilLogo/logoPath.js b/components/justboil/logoPath.js → src/components/JustboilLogo/logoPath.js
diff --git a/components/NavBar.tsx → src/components/NavBar.tsx b/components/NavBar.tsx → src/components/NavBar.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from 'react'
 import { mdiClose, mdiDotsVertical } from '@mdi/js'
-import { containerMaxW } from '../src/config'
+import { containerMaxW } from '../config'
 import BaseIcon from './BaseIcon'
 import NavBarItemPlain from './NavBarItemPlain'
 import NavBarMenuList from './NavBarMenuList'

diff --git a/components/NavBarItem.tsx → src/components/NavBarItem.tsx b/components/NavBarItem.tsx → src/components/NavBarItem.tsx
@@ -6,9 +6,9 @@ import BaseDivider from './BaseDivider'
 import BaseIcon from './BaseIcon'
 import UserAvatarCurrentUser from './UserAvatarCurrentUser'
 import NavBarMenuList from './NavBarMenuList'
-import { useAppDispatch, useAppSelector } from '../src/stores/hooks'
+import { useAppDispatch, useAppSelector } from '../stores/hooks'
 import { MenuNavBarItem } from '../interfaces'
-import { setDarkMode } from '../src/stores/styleSlice'
+import { setDarkMode } from '../stores/styleSlice'
 
 type Props = {
   item: MenuNavBarItem

diff --git a/components/NavBarItemPlain.tsx → src/components/NavBarItemPlain.tsx b/components/NavBarItemPlain.tsx → src/components/NavBarItemPlain.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useAppSelector } from '../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 
 type Props = {
   display?: string

diff --git a/components/NavBarMenuList.tsx → src/components/NavBarMenuList.tsx b/components/NavBarMenuList.tsx → src/components/NavBarMenuList.tsx
diff --git a/components/NotificationBar.tsx → src/components/NotificationBar.tsx b/components/NotificationBar.tsx → src/components/NotificationBar.tsx
@@ -1,7 +1,7 @@
 import { mdiClose } from '@mdi/js'
 import React, { ReactNode, useState } from 'react'
 import { ColorKey } from '../interfaces'
-import { colorsBgLight, colorsOutline } from '../src/colors'
+import { colorsBgLight, colorsOutline } from '../colors'
 import BaseButton from './BaseButton'
 import BaseIcon from './BaseIcon'
 

diff --git a/components/NumberDynamic.tsx → src/components/NumberDynamic.tsx b/components/NumberDynamic.tsx → src/components/NumberDynamic.tsx
diff --git a/components/OverlayLayer.tsx → src/components/OverlayLayer.tsx b/components/OverlayLayer.tsx → src/components/OverlayLayer.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useAppSelector } from '../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 
 type Props = {
   zIndex?: string

diff --git a/components/PillTag.tsx → src/components/PillTag.tsx b/components/PillTag.tsx → src/components/PillTag.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { ColorKey } from '../interfaces'
-import { colorsBgLight, colorsOutline } from '../src/colors'
+import { colorsBgLight, colorsOutline } from '../colors'
 import PillTagPlain from './PillTagPlain'
 
 type Props = {

diff --git a/components/PillTagPlain.tsx → src/components/PillTagPlain.tsx b/components/PillTagPlain.tsx → src/components/PillTagPlain.tsx
diff --git a/components/PillTagTrend.tsx → src/components/PillTagTrend.tsx b/components/PillTagTrend.tsx → src/components/PillTagTrend.tsx
diff --git a/components/SectionBanner.tsx → src/components/SectionBanner.tsx b/components/SectionBanner.tsx → src/components/SectionBanner.tsx
diff --git a/components/SectionBannerStarOnGitHub.tsx → src/components/SectionBannerStarOnGitHub.tsx b/components/SectionBannerStarOnGitHub.tsx → src/components/SectionBannerStarOnGitHub.tsx
@@ -1,6 +1,6 @@
 import { mdiGithub } from '@mdi/js'
 import React from 'react'
-import { gradientBgPinkRed } from '../src/colors'
+import { gradientBgPinkRed } from '../colors'
 import BaseButton from './BaseButton'
 import SectionBanner from './SectionBanner'
 

diff --git a/components/SectionFullScreen.tsx → src/components/SectionFullScreen.tsx b/components/SectionFullScreen.tsx → src/components/SectionFullScreen.tsx
@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react'
 import { BgKey } from '../interfaces'
-import { gradientBgPurplePink, gradientBgDark, gradientBgPinkRed } from '../src/colors'
-import { useAppSelector } from '../src/stores/hooks'
+import { gradientBgPurplePink, gradientBgDark, gradientBgPinkRed } from '../colors'
+import { useAppSelector } from '../stores/hooks'
 
 type Props = {
   bg: BgKey

diff --git a/components/SectionMain.tsx → src/components/SectionMain.tsx b/components/SectionMain.tsx → src/components/SectionMain.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { containerMaxW } from '../src/config'
+import { containerMaxW } from '../config'
 
 type Props = {
   children: ReactNode

diff --git a/components/SectionTitle.tsx → src/components/SectionTitle.tsx b/components/SectionTitle.tsx → src/components/SectionTitle.tsx
diff --git a/components/SectionTitleLineWithButton.tsx → ...components/SectionTitleLineWithButton.tsx b/components/SectionTitleLineWithButton.tsx → ...components/SectionTitleLineWithButton.tsx
diff --git a/components/TableSampleClients.tsx → src/components/TableSampleClients.tsx b/components/TableSampleClients.tsx → src/components/TableSampleClients.tsx
diff --git a/components/UserAvatar.tsx → src/components/UserAvatar.tsx b/components/UserAvatar.tsx → src/components/UserAvatar.tsx
diff --git a/components/UserAvatarCurrentUser.tsx → src/components/UserAvatarCurrentUser.tsx b/components/UserAvatarCurrentUser.tsx → src/components/UserAvatarCurrentUser.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useAppSelector } from '../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 import UserAvatar from './UserAvatar'
 
 type Props = {

diff --git a/components/UserCard.tsx → src/components/UserCard.tsx b/components/UserCard.tsx → src/components/UserCard.tsx
@@ -1,6 +1,6 @@
 import { mdiCheckDecagram } from '@mdi/js'
 import { Field, Form, Formik } from 'formik'
-import { useAppSelector } from '../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 import CardBox from './CardBox'
 import FormCheckRadio from './FormCheckRadio'
 import PillTag from './PillTag'

diff --git a/src/config.ts b/src/config.ts
@@ -6,4 +6,4 @@ export const containerMaxW = 'xl:max-w-6xl xl:mx-auto'
 
 export const appTitle = 'Free Tailwind 3 React Next Typescript dashboard template'
 
-export const getPageTitle = (currentPageTitle: string) => `${currentPageTitle} — ${appTitle}`
+export const getPageTitle = (currentPageTitle: string) => `${currentPageTitle} — ${appTitle}`
diff --git a/styles/_checkbox-radio-switch.css → src/css/_checkbox-radio-switch.css b/styles/_checkbox-radio-switch.css → src/css/_checkbox-radio-switch.css
diff --git a/styles/_progress.css → src/css/_progress.css b/styles/_progress.css → src/css/_progress.css
diff --git a/styles/_scrollbars.css → src/css/_scrollbars.css b/styles/_scrollbars.css → src/css/_scrollbars.css
diff --git a/styles/_table.css → src/css/_table.css b/styles/_table.css → src/css/_table.css
diff --git a/styles/main.css → src/css/main.css b/styles/main.css → src/css/main.css
diff --git a/styles/tailwind/_base.css → src/css/tailwind/_base.css b/styles/tailwind/_base.css → src/css/tailwind/_base.css
diff --git a/styles/tailwind/_components.css → src/css/tailwind/_components.css b/styles/tailwind/_components.css → src/css/tailwind/_components.css
diff --git a/styles/tailwind/_utilities.css → src/css/tailwind/_utilities.css b/styles/tailwind/_utilities.css → src/css/tailwind/_utilities.css
diff --git a/hooks/sampleData.ts → src/hooks/sampleData.ts b/hooks/sampleData.ts → src/hooks/sampleData.ts
diff --git a/interfaces/index.ts → src/interfaces/index.ts b/interfaces/index.ts → src/interfaces/index.ts
diff --git a/components/layouts/Authenticated.tsx → src/layouts/Authenticated.tsx b/components/layouts/Authenticated.tsx → src/layouts/Authenticated.tsx
@@ -1,16 +1,16 @@
 import React, { ReactNode, useEffect } from 'react'
 import { useState } from 'react'
 import { mdiForwardburger, mdiBackburger, mdiMenu } from '@mdi/js'
-import menuAside from '../../src/menuAside'
-import menuNavBar from '../../src/menuNavBar'
-import BaseIcon from '../BaseIcon'
-import NavBar from '../NavBar'
-import NavBarItemPlain from '../NavBarItemPlain'
-import AsideMenu from '../AsideMenu'
-import FooterBar from '../FooterBar'
-import { setUser } from '../../src/stores/mainSlice'
-import { useAppDispatch, useAppSelector } from '../../src/stores/hooks'
-import FormField from '../FormField'
+import menuAside from '../menuAside'
+import menuNavBar from '../menuNavBar'
+import BaseIcon from '../components/BaseIcon'
+import NavBar from '../components/NavBar'
+import NavBarItemPlain from '../components/NavBarItemPlain'
+import AsideMenu from '../components/AsideMenu'
+import FooterBar from '../components/FooterBar'
+import { setUser } from '../stores/mainSlice'
+import { useAppDispatch, useAppSelector } from '../stores/hooks'
+import FormField from '../components/FormField'
 import { Field, Form, Formik } from 'formik'
 import { useRouter } from 'next/router'
 

diff --git a/components/layouts/Guest.tsx → src/layouts/Guest.tsx b/components/layouts/Guest.tsx → src/layouts/Guest.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react'
-import { useAppSelector } from '../../src/stores/hooks'
+import { useAppSelector } from '../stores/hooks'
 
 type Props = {
   children: ReactNode

diff --git a/src/menuAside.ts b/src/menuAside.ts
@@ -12,7 +12,7 @@ import {
   mdiPalette,
   mdiVuejs,
 } from '@mdi/js'
-import { MenuAsideItem } from '../interfaces'
+import { MenuAsideItem } from './interfaces'
 
 const menuAside: MenuAsideItem[] = [
   {

diff --git a/src/menuNavBar.ts b/src/menuNavBar.ts
@@ -11,7 +11,7 @@ import {
   mdiGithub,
   mdiVuejs,
 } from '@mdi/js'
-import { MenuNavBarItem } from '../interfaces'
+import { MenuNavBarItem } from './interfaces'
 
 const menuNavBar: MenuNavBarItem[] = [
   {

diff --git a/pages/_app.tsx → src/pages/_app.tsx b/pages/_app.tsx → src/pages/_app.tsx
@@ -4,9 +4,9 @@ import type { AppProps } from 'next/app'
 import type { ReactElement, ReactNode } from 'react'
 import type { NextPage } from 'next'
 import Head from 'next/head'
-import { store } from '../src/stores/store'
+import { store } from '../stores/store'
 import { Provider } from 'react-redux'
-import '../styles/main.css'
+import '../css/main.css'
 
 export type NextPageWithLayout<P = Record<string, unknown>, IP = P> = NextPage<P, IP> & {
   getLayout?: (page: ReactElement) => ReactNode

diff --git a/pages/api/hello.js → src/pages/api/hello.js b/pages/api/hello.js → src/pages/api/hello.js
diff --git a/pages/dashboard.tsx → src/pages/dashboard.tsx b/pages/dashboard.tsx → src/pages/dashboard.tsx
@@ -11,7 +11,7 @@ import Head from 'next/head'
 import React, { useState } from 'react'
 import type { ReactElement } from 'react'
 import BaseButton from '../components/BaseButton'
-import LayoutAuthenticated from '../components/layouts/Authenticated'
+import LayoutAuthenticated from '../layouts/Authenticated'
 import SectionMain from '../components/SectionMain'
 import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'
 import CardBoxWidget from '../components/CardBoxWidget'
@@ -21,11 +21,11 @@ import { Client, Transaction } from '../interfaces'
 import CardBoxClient from '../components/CardBoxClient'
 import SectionBannerStarOnGitHub from '../components/SectionBannerStarOnGitHub'
 import CardBox from '../components/CardBox'
-import { sampleChartData } from '../components/charts/config'
-import ChartLineSample from '../components/charts/LineSample'
+import { sampleChartData } from '../components/ChartLineSample/config'
+import ChartLineSample from '../components/ChartLineSample'
 import NotificationBar from '../components/NotificationBar'
 import TableSampleClients from '../components/TableSampleClients'
-import { getPageTitle } from '../src/config'
+import { getPageTitle } from '../config'
 
 const Dashboard = () => {
   const { clients } = useSampleClients()

diff --git a/pages/error.tsx → src/pages/error.tsx b/pages/error.tsx → src/pages/error.tsx
@@ -4,8 +4,8 @@ import Head from 'next/head'
 import BaseButton from '../components/BaseButton'
 import CardBox from '../components/CardBox'
 import SectionFullScreen from '../components/SectionFullScreen'
-import LayoutGuest from '../components/layouts/Guest'
-import { getPageTitle } from '../src/config'
+import LayoutGuest from '../layouts/Guest'
+import { getPageTitle } from '../config'
 
 export default function Error() {
   return (

diff --git a/pages/forms.tsx → src/pages/forms.tsx b/pages/forms.tsx → src/pages/forms.tsx
@@ -10,11 +10,11 @@ import FormCheckRadio from '../components/FormCheckRadio'
 import FormCheckRadioGroup from '../components/FormCheckRadioGroup'
 import FormField from '../components/FormField'
 import FormFilePicker from '../components/FormFilePicker'
-import LayoutAuthenticated from '../components/layouts/Authenticated'
+import LayoutAuthenticated from '../layouts/Authenticated'
 import SectionMain from '../components/SectionMain'
 import SectionTitle from '../components/SectionTitle'
 import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'
-import { getPageTitle } from '../src/config'
+import { getPageTitle } from '../config'
 
 const FormsPage = () => {
   return (

diff --git a/pages/index.tsx → src/pages/index.tsx b/pages/index.tsx → src/pages/index.tsx
@@ -3,13 +3,13 @@ import Image from 'next/image'
 import { useRouter } from 'next/router'
 import React, { ReactElement } from 'react'
 import CardBox from '../components/CardBox'
-import LayoutGuest from '../components/layouts/Guest'
+import LayoutGuest from '../layouts/Guest'
 import SectionMain from '../components/SectionMain'
 import { StyleKey } from '../interfaces'
-import { gradientBgPurplePink } from '../src/colors'
-import { appTitle } from '../src/config'
-import { useAppDispatch } from '../src/stores/hooks'
-import { setDarkMode, setStyle } from '../src/stores/styleSlice'
+import { gradientBgPurplePink } from '../colors'
+import { appTitle } from '../config'
+import { useAppDispatch } from '../stores/hooks'
+import { setDarkMode, setStyle } from '../stores/styleSlice'
 
 const StyleSelect = () => {
   const dispatch = useAppDispatch()

diff --git a/pages/login.tsx → src/pages/login.tsx b/pages/login.tsx → src/pages/login.tsx
@@ -4,14 +4,14 @@ import Head from 'next/head'
 import BaseButton from '../components/BaseButton'
 import CardBox from '../components/CardBox'
 import SectionFullScreen from '../components/SectionFullScreen'
-import LayoutGuest from '../components/layouts/Guest'
+import LayoutGuest from '../layouts/Guest'
 import { Field, Form, Formik } from 'formik'
 import FormField from '../components/FormField'
 import FormCheckRadio from '../components/FormCheckRadio'
 import BaseDivider from '../components/BaseDivider'
 import BaseButtons from '../components/BaseButtons'
 import { useRouter } from 'next/router'
-import { getPageTitle } from '../src/config'
+import { getPageTitle } from '../config'
 
 export default function Error() {
   const router = useRouter()

diff --git a/pages/profile.tsx → src/pages/profile.tsx b/pages/profile.tsx → src/pages/profile.tsx
@@ -17,13 +17,13 @@ import CardBoxComponentBody from '../components/CardBoxComponentBody'
 import CardBoxComponentFooter from '../components/CardBoxComponentFooter'
 import FormField from '../components/FormField'
 import FormFilePicker from '../components/FormFilePicker'
-import LayoutAuthenticated from '../components/layouts/Authenticated'
+import LayoutAuthenticated from '../layouts/Authenticated'
 import SectionMain from '../components/SectionMain'
 import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'
 import UserCard from '../components/UserCard'
 import type { UserForm } from '../interfaces'
-import { getPageTitle } from '../src/config'
-import { useAppSelector } from '../src/stores/hooks'
+import { getPageTitle } from '../config'
+import { useAppSelector } from '../stores/hooks'
 
 const ProfilePage = () => {
   const userName = useAppSelector((state) => state.main.userName)

diff --git a/pages/responsive.tsx → src/pages/responsive.tsx b/pages/responsive.tsx → src/pages/responsive.tsx
@@ -1,10 +1,10 @@
 import Head from 'next/head'
 import Image from 'next/image'
 import React, { ReactElement } from 'react'
-import LayoutAuthenticated from '../components/layouts/Authenticated'
+import LayoutAuthenticated from '../layouts/Authenticated'
 import SectionMain from '../components/SectionMain'
 import SectionTitle from '../components/SectionTitle'
-import { appTitle, getPageTitle } from '../src/config'
+import { appTitle, getPageTitle } from '../config'
 
 const ResponsivePage = () => {
   return (

diff --git a/pages/tables.tsx → src/pages/tables.tsx b/pages/tables.tsx → src/pages/tables.tsx
@@ -4,12 +4,12 @@ import React, { ReactElement } from 'react'
 import BaseButton from '../components/BaseButton'
 import CardBox from '../components/CardBox'
 import CardBoxComponentEmpty from '../components/CardBoxComponentEmpty'
-import LayoutAuthenticated from '../components/layouts/Authenticated'
+import LayoutAuthenticated from '../layouts/Authenticated'
 import NotificationBar from '../components/NotificationBar'
 import SectionMain from '../components/SectionMain'
 import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'
 import TableSampleClients from '../components/TableSampleClients'
-import { getPageTitle } from '../src/config'
+import { getPageTitle } from '../config'
 
 const TablesPage = () => {
   return (

diff --git a/pages/ui.tsx → src/pages/ui.tsx b/pages/ui.tsx → src/pages/ui.tsx
@@ -22,15 +22,15 @@ import CardBoxComponentTitle from '../components/CardBoxComponentTitle'
 import CardBoxModal from '../components/CardBoxModal'
 import FormCheckRadio from '../components/FormCheckRadio'
 import FormCheckRadioGroup from '../components/FormCheckRadioGroup'
-import LayoutAuthenticated from '../components/layouts/Authenticated'
+import LayoutAuthenticated from '../layouts/Authenticated'
 import NotificationBar from '../components/NotificationBar'
 import PillTag from '../components/PillTag'
 import SectionMain from '../components/SectionMain'
 import SectionTitle from '../components/SectionTitle'
 import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'
-import { useAppDispatch } from '../src/stores/hooks'
-import { setDarkMode } from '../src/stores/styleSlice'
-import { getPageTitle } from '../src/config'
+import { useAppDispatch } from '../stores/hooks'
+import { setDarkMode } from '../stores/styleSlice'
+import { getPageTitle } from '../config'
 
 const UiPage = () => {
   const dispatch = useAppDispatch()

diff --git a/src/stores/mainSlice.ts b/src/stores/mainSlice.ts
@@ -1,5 +1,5 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
-import { UserPayloadObject } from '../../interfaces'
+import { UserPayloadObject } from '../interfaces'
 
 interface MainState {
   userName: string

diff --git a/src/stores/styleSlice.ts b/src/stores/styleSlice.ts
@@ -1,7 +1,7 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import * as styles from '../styles'
 import { localStorageDarkModeKey, localStorageStyleKey } from '../config'
-import { StyleKey } from '../../interfaces'
+import { StyleKey } from '../interfaces'
 
 interface StyleState {
   asideStyle: string

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,9 +4,6 @@ const plugin = require('tailwindcss/plugin')
 
 module.exports = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx}',
-    './components/**/*.{js,ts,jsx,tsx}',
-    './layouts/**/*.{js,ts,jsx,tsx}',
     './src/**/*.{js,ts,jsx,tsx}',
   ],
   darkMode: 'class', // or 'media' or 'class'
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,4 +6,4 @@ export const containerMaxW = 'xl:max-w-6xl xl:mx-auto'

		export const appTitle = 'Free Tailwind 3 React Next Typescript dashboard template'

		export const getPageTitle = (currentPageTitle: string) => `${currentPageTitle} — ${appTitle}`
		export const getPageTitle = (currentPageTitle: string) => `${currentPageTitle} — ${appTitle}`