refactor: router

src/core/questions/react/createReactQuestions.ts

@@ -23,8 +23,8 @@ async function createReactQuestions(): Promise<void> {
       await createQuestion(tailwindPrompt)
     }
     await createQuestion(stateManagement)
-    await createQuestion(reactQuery)
     await runPrompt();
+    await createQuestion(reactQuery)
 
     if (!options.useEslint) {
       await createQuestion(eslintPrompt)

src/filter/filterFiles.ts

@@ -4,7 +4,7 @@ import fs from 'fs-extra';
 export function getFilterFile() {
   async function reactFilterFileActions() {
     if (!options.useRouter) {
-      fs.remove(`${options.dest}/src/router`)
+      fs.remove(`${options.dest}/src/pages`)
     }
 
     if (!options.useTailwind) {

template/react-ts/src/App.ejs

@@ -1,8 +1,19 @@
-import { useState } from 'react'
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+<% if (useRouter) { -%>
+import Home from "./pages/Home";
+import About from "./pages/About";
+ <% } -%>
 function App() {
 return (
 <>
-
+<% if (useRouter) { -%>
+   <Router>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/about" element={<About />} />
+      </Routes>
+    </Router>
+ <% } -%>
 </>
 )
 }

template/react-ts/src/main.ejs

@@ -2,11 +2,11 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 <% if (stateManagement==='redux') { -%>
-import { store } from './app/store'
+import { store } from "./store/appStore.ts";
 import { Provider } from 'react-redux'
 <% } -%>
 
-<% if (stateManagement !== 'redux' || stateManagement !== 'none') { %>
+<% if (stateManagement !== 'redux' || stateManagement === 'none') { %>
   ReactDOM.createRoot(document.getElementById('root')).render(
     <React.StrictMode>
         <App />
@@ -15,7 +15,7 @@ import { Provider } from 'react-redux'
 <% } %>
 
 
-<% if (stateManagement==='redux' ) { -%>
+<% if (stateManagement === 'redux' ) { -%>
     ReactDOM.createRoot(document.getElementById('root')).render(
       <React.StrictMode>
         <Provider store={store}>

template/react-ts/src/pages/About.tsx

@@ -0,0 +1,4 @@
+const About = () => {
+    return <div>About page</div>;
+}
+export default About;

template/react-ts/src/pages/Home.tsx

@@ -0,0 +1,4 @@
+const Home = () => {
+  return <div>Home page</div>;
+}
+export default Home;