-
-
- {main.program_name} v{main.program_version}
-
+
+
+
+
+ {main.program_name} v{main.program_version}
+
Base path is: {main.basePath}
+
+
+
+
+
+
+
-
+
+ {/* Paths in Route should be without base path (even without '/'). If want Route for base path than pass base path */}
+
-
+
);
}
diff --git a/src/features/HomePage.tsx b/src/features/HomePage.tsx
new file mode 100644
index 0000000..33f7271
--- /dev/null
+++ b/src/features/HomePage.tsx
@@ -0,0 +1,16 @@
+import { useState } from "react";
+
+const HomePage = () => {
+ const [counter, setCounter] = useState
(0);
+ return (
+
+
HomePage
+
+
Counter: {counter}
+
InboxPage
;
+};
+
+export default InboxPage;
diff --git a/src/main.tsx b/src/main.tsx
index 0216d4a..5f8488f 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,6 +5,7 @@ import { viteEnv } from "./configure";
import App from "./features/App";
import inDev from "./utils/inDebug";
import { Global, css } from "@emotion/react";
+import "/style.css";
setupAxiosInterceptors();
inDev(() => console.log(viteEnv));
diff --git a/src/routes.tsx b/src/routes.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/src/routes/DebugNavigationButtonsGenerator.tsx b/src/routes/DebugNavigationButtonsGenerator.tsx
new file mode 100644
index 0000000..7ef9afd
--- /dev/null
+++ b/src/routes/DebugNavigationButtonsGenerator.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import * as R from "../routes/routes";
+import { Link } from "wouter";
+/**
+ * This component is used to generate buttons for debug navigation
+ * UNFINISHED
+ */
+const DebugNavigationButtonsGenerator = () => {
+ return (
+
+
+ Home
+
+
+ {R.routesRoot[1].icon &&
+ React.createElement(R.routesRoot[1].icon, { className: "h-6 w-6" })}
+ {R.routesRoot[1].name}
+
+
+ );
+};
+
+export default DebugNavigationButtonsGenerator;
diff --git a/src/routes/RouteStructureGenerator.tsx b/src/routes/RouteStructureGenerator.tsx
new file mode 100644
index 0000000..230febb
--- /dev/null
+++ b/src/routes/RouteStructureGenerator.tsx
@@ -0,0 +1,19 @@
+import { Route, Switch } from "wouter";
+import * as R from "./routes";
+
+const SwitchRoutesGenerator = () => {
+ const routesCrawler = (parentPath?: string): JSX.Element[] => {
+ return R.routesRoot.map((route, index) => {
+ return (
+
+ );
+ });
+ };
+ return {routesCrawler()};
+};
+
+export default SwitchRoutesGenerator;
diff --git a/src/routes/routes.tsx b/src/routes/routes.tsx
new file mode 100644
index 0000000..645b3ab
--- /dev/null
+++ b/src/routes/routes.tsx
@@ -0,0 +1,65 @@
+// ----- IMPORT ICONS -----
+import { RiHome3Fill } from "react-icons/ri";
+import { IoMdOptions } from "react-icons/io";
+import { FaUsers } from "react-icons/fa";
+// ----- IMPORT PAGES -----
+import AdministrationPage from "../features/AdministrationPage";
+import HomePage from "../features/HomePage";
+// ----- IMPORT CONSTS -----
+import { ADMINISTRATION } from "../consts";
+
+// ----- TYPE DEFINITIONS -----
+type Route = {
+ name: string;
+ path: string;
+ component: () => JSX.Element;
+ icon?: () => JSX.Element;
+ children?: Route[];
+};
+type RoutesObject = {
+ [key: string]: Route[];
+};
+
+// ----- ROUTES DEFINITIONS -----
+//! Don't leave trailor '/' in paths
+//! Paths in Route should be without base path (even without '/'). If want Route for base path than pass base path
+//* Wouter is basically join paths with each other, so if base path is "/" every sub path souldn't have "/" at the beginning
+
+// const routesSecondLevel = {};
+
+const routesFirstLevel: RoutesObject = {
+ [ADMINISTRATION]: [
+ {
+ name: "Users",
+ path: "/users",
+ component: () => <>UserPage,
+ icon: FaUsers,
+ },
+ {
+ name: "Roles",
+ path: "/roles",
+ component: () => <>Roles,
+ },
+ {
+ name: "Permissions",
+ path: "/permissions",
+ component: () => <>Permissions,
+ },
+ ],
+};
+
+export const routesRoot: Route[] = [
+ {
+ name: "Home",
+ path: "/",
+ component: HomePage,
+ icon: RiHome3Fill,
+ },
+ {
+ name: ADMINISTRATION,
+ path: "administration",
+ component: AdministrationPage,
+ icon: IoMdOptions,
+ children: routesFirstLevel[ADMINISTRATION],
+ },
+];