creativetimofficial · batuhanxbayram · Sep 21, 2025 · Sep 21, 2025 · Sep 21, 2025 · Sep 21, 2025
diff --git a/index.html b/index.html
@@ -13,9 +13,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/img/favicon.png" />
+    <link rel="icon" type="image/svg+xml" href="/img/klogo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Material Tailwind Dashboard React | By Creative Tim</title>
+    <title>S.S. 75 No'lu Yarımca Motorlu Taşıyıcılar Kooperatifi</title>
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
       rel="stylesheet"

diff --git a/package.json b/package.json
@@ -4,19 +4,25 @@
   "version": "2.1.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
     "@heroicons/react": "2.0.18",
     "@material-tailwind/react": "2.1.4",
+    "@microsoft/signalr": "^10.0.0",
     "apexcharts": "3.44.0",
+    "axios": "^1.12.2",
+    "jwt-decode": "^4.0.0",
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-apexcharts": "1.4.1",
     "react-dom": "18.2.0",
-    "react-router-dom": "6.17.0"
+    "react-router-dom": "6.17.0",
+    "react-toastify": "^11.0.5"
   },
   "devDependencies": {
     "@types/react": "18.2.31",
@@ -27,6 +33,6 @@
     "prettier": "3.0.3",
     "prettier-plugin-tailwindcss": "0.5.6",
     "tailwindcss": "3.3.4",
-    "vite": "4.5.0"
+    "vite": "^4.5.14"
   }
-}
+}
diff --git a/public/img/background.jpg b/public/img/background.jpg
diff --git a/public/img/devto copy.svg b/public/img/devto copy.svg
diff --git a/public/img/klogo.png b/public/img/klogo.png
diff --git a/public/img/pattern.png b/public/img/pattern.png
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,12 +1,29 @@
 import { Routes, Route, Navigate } from "react-router-dom";
 import { Dashboard, Auth } from "@/layouts";
+import PrivateRoute from "../src/component/PrivateRoute";
+import TVQueuePage from "./pages/dashboard/TVQueuePage";
 
 function App() {
   return (
+
+
+
+
     <Routes>
-      <Route path="/dashboard/*" element={<Dashboard />} />
+      <Route
+        path="/anasayfa/*"
+        element={
+          <PrivateRoute>
+            <Dashboard />
+          </PrivateRoute>
+        }
+      />
+
+      <Route path="/tv/monitor" element={<TVQueuePage />} />
+      {/* Auth sayfaları (giriş, kayıt) herkes görebilir */}
       <Route path="/auth/*" element={<Auth />} />
-      <Route path="*" element={<Navigate to="/dashboard/home" replace />} />
+      {/* Varsayılan yönlendirme */}
+      <Route path="*" element={<Navigate to="/auth/giris" replace />} />
     </Routes>
   );
 }

diff --git a/src/api/axiosConfig.js b/src/api/axiosConfig.js
@@ -0,0 +1,29 @@
+import axios from "axios";
+
+
+
+const apiClient = axios.create({
+    baseURL: "https://localhost:7093/api",
+});
+
+
+apiClient.interceptors.request.use(
+    (config) => {
+
+        const token = localStorage.getItem("authToken");
+
+
+        if (token) {
+
+            config.headers.Authorization = `Bearer ${token}`;
+        }
+
+        return config;
+    },
+    (error) => {
+
+        return Promise.reject(error);
+    }
+);
+
+export default apiClient;
diff --git a/src/component/PrivateRoute.jsx b/src/component/PrivateRoute.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { Navigate } from "react-router-dom";
+
+const PrivateRoute = ({ children }) => {
+  const token = localStorage.getItem("authToken");
+
+  if (!token) {
+    // Token yoksa login sayfasına yönlendir
+    return <Navigate to="/auth/sign-in" replace />;
+  }
+
+  return children;
+};
+
+export default PrivateRoute;
diff --git a/src/context/index.jsx b/src/context/index.jsx
@@ -23,6 +23,10 @@ export function reducer(state, action) {
     }
     case "OPEN_CONFIGURATOR": {
       return { ...state, openConfigurator: action.value };
+    }
+      // YENİ: Kullanıcı rolünü ayarlamak için yeni case eklendi.
+    case "SET_USER_ROLE": {
+      return { ...state, userRole: action.value };
     }
     default: {
       throw new Error(`Unhandled action type: ${action.type}`);
@@ -38,18 +42,20 @@ export function MaterialTailwindControllerProvider({ children }) {
     transparentNavbar: true,
     fixedNavbar: false,
     openConfigurator: false,
+    // YENİ: userRole state'i eklendi. Sayfa yenilendiğinde rolün kaybolmaması için localStorage'dan okunuyor.
+    userRole: localStorage.getItem("userRole") || null,
   };
 
   const [controller, dispatch] = React.useReducer(reducer, initialState);
   const value = React.useMemo(
-    () => [controller, dispatch],
-    [controller, dispatch]
+      () => [controller, dispatch],
+      [controller, dispatch]
   );
 
   return (
-    <MaterialTailwind.Provider value={value}>
-      {children}
-    </MaterialTailwind.Provider>
+      <MaterialTailwind.Provider value={value}>
+        {children}
+      </MaterialTailwind.Provider>
   );
 }
 
@@ -58,7 +64,7 @@ export function useMaterialTailwindController() {
 
   if (!context) {
     throw new Error(
-      "useMaterialTailwindController should be used inside the MaterialTailwindControllerProvider."
+        "useMaterialTailwindController should be used inside the MaterialTailwindControllerProvider."
     );
   }
 
@@ -72,14 +78,18 @@ MaterialTailwindControllerProvider.propTypes = {
 };
 
 export const setOpenSidenav = (dispatch, value) =>
-  dispatch({ type: "OPEN_SIDENAV", value });
+    dispatch({ type: "OPEN_SIDENAV", value });
 export const setSidenavType = (dispatch, value) =>
-  dispatch({ type: "SIDENAV_TYPE", value });
+    dispatch({ type: "SIDENAV_TYPE", value });
 export const setSidenavColor = (dispatch, value) =>
-  dispatch({ type: "SIDENAV_COLOR", value });
+    dispatch({ type: "SIDENAV_COLOR", value });
 export const setTransparentNavbar = (dispatch, value) =>
-  dispatch({ type: "TRANSPARENT_NAVBAR", value });
+    dispatch({ type: "TRANSPARENT_NAVBAR", value });
 export const setFixedNavbar = (dispatch, value) =>
-  dispatch({ type: "FIXED_NAVBAR", value });
+    dispatch({ type: "FIXED_NAVBAR", value });
 export const setOpenConfigurator = (dispatch, value) =>
-  dispatch({ type: "OPEN_CONFIGURATOR", value });
+    dispatch({ type: "OPEN_CONFIGURATOR", value });
+
+
+export const setUserRole = (dispatch, value) =>
+    dispatch({ type: "SET_USER_ROLE", value });
diff --git a/src/layouts/dashboard.jsx b/src/layouts/dashboard.jsx
@@ -1,14 +1,11 @@
-import { Routes, Route } from "react-router-dom";
-import { Cog6ToothIcon } from "@heroicons/react/24/solid";
-import { IconButton } from "@material-tailwind/react";
+import { Routes, Route, Navigate } from "react-router-dom"; // 👈 Navigate eklendi
 import {
   Sidenav,
   DashboardNavbar,
-  Configurator,
   Footer,
 } from "@/widgets/layout";
 import routes from "@/routes";
-import { useMaterialTailwindController, setOpenConfigurator } from "@/context";
+import { useMaterialTailwindController } from "@/context";
 
 export function Dashboard() {
   const [controller, dispatch] = useMaterialTailwindController();
@@ -24,25 +21,23 @@ export function Dashboard() {
       />
       <div className="p-4 xl:ml-80">
         <DashboardNavbar />
-        <Configurator />
-        <IconButton
-          size="lg"
-          color="white"
-          className="fixed bottom-8 right-8 z-40 rounded-full shadow-blue-gray-900/10"
-          ripple={false}
-          onClick={() => setOpenConfigurator(dispatch, true)}
-        >
-          <Cog6ToothIcon className="h-5 w-5" />
-        </IconButton>
+
         <Routes>
           {routes.map(
             ({ layout, pages }) =>
-              layout === "dashboard" &&
+              layout === "anasayfa" &&
               pages.map(({ path, element }) => (
-                <Route exact path={path} element={element} />
+                <Route  key={path} path={path} element={element} />
               ))
           )}
+
+          {/* 🚀 BURASI SİHİRLİ DOKUNUŞ: 
+              Kullanıcı panel ana dizinine geldiğinde veya 
+              bulunmayan bir sayfaya gittiğinde 'arac-siralar' açılsın. */}
+          <Route path="/" element={<Navigate to="/anasayfa/arac-siralari" replace />} />
+          <Route path="*" element={<Navigate to="/anasayfa/arac-siralari" replace />} />
         </Routes>
+
         <div className="text-blue-gray-600">
           <Footer />
         </div>
@@ -53,4 +48,4 @@ export function Dashboard() {
 
 Dashboard.displayName = "/src/layout/dashboard.jsx";
 
-export default Dashboard;
+export default Dashboard;
diff --git a/src/pages/auth/index.js b/src/pages/auth/index.js
@@ -1,2 +1,2 @@
 export * from "@/pages/auth/sign-in";
-export * from "@/pages/auth/sign-up";
+
Original file line number	Diff line number	Diff line change
		@@ -1,2 +1,2 @@
		export * from "@/pages/auth/sign-in";
		export * from "@/pages/auth/sign-up";