sms-tps 1.0.0 → 1.0.1

package/frontend-project/src/Layout/Pannel.jsx

@@ -6,6 +6,7 @@ import {
   FaBone,
   FaBroadcastTower,
   FaExchangeAlt,
+  FaFileAlt,
   FaHome,
   FaHouseUser,
   FaLandmark,
@@ -15,6 +16,7 @@ import {
   FaMapMarkerAlt,
   FaMapPin,
   FaMapSigns,
+  FaProductHunt,
   FaRegHandPointRight,
   FaUser,
   FaUserAlt,
@@ -33,6 +35,9 @@ import {
   MdPayment,
   MdReceipt,
   MdReport,
+  MdTransferWithinAStation,
+  MdTranslate,
+  MdWarehouse,
 } from "react-icons/md";
 import { userAuth } from "../Context/UserContext";
 
@@ -57,6 +62,29 @@ const Pannel = () => {
     nav("/login");
     logout();
   };
+
+  const navItems = [
+    {
+      to: "/",
+      label: "Warehouse",
+      icon: <MdWarehouse className="text-3xl text-white p-0.5 rounded-md" />,
+    },
+    {
+      to: "product",
+      label: "Product",
+      icon: <FaProductHunt className="text-3xl text-white p-0.5 rounded-md" />,
+    },
+    {
+      to: "transfer",
+      label: "Transaction",
+      icon: <FaExchangeAlt className="text-3xl text-white p-0.5 rounded-md" />,
+    },
+    {
+      to: "report",
+      label: "Report",
+      icon: <FaFileAlt className="text-3xl text-white p-0.5 rounded-md" />,
+    },
+  ];
   return (
     <div>
       <div className="flex gap-2 w-full min-h-screen">
@@ -68,86 +96,23 @@ const Pannel = () => {
             <h1 className="text-lg text-blue-500 font-bold">Project</h1>
           </div>
           <ul className="flex flex-col  gap-2 w-full">
-
             {/* Start Link */}
-
-            <li>
-              <NavLink
-                to="/"
-                title="Dashboard"
-                className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
-              >
-                <MdDashboard className="text-3xl text-white p-0.5 rounded-md" />
-                <p>Project</p>
-              </NavLink>
-            </li>
-
-            {/* Link */}
-
-            <li>
-              <NavLink
-                to="student"
-                title="Owners"
-                className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
-              >
-                <FaUserEdit className="text-3xl text-white  p-0.5 rounded-md" />
-                <p>Project</p>
-              </NavLink>
-            </li>
-
-            {/* Link */}
-
-            <li>
-              <NavLink
-                to="land"
-                className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
-              >
-                <FaMapSigns className="text-3xl text-white  p-0.5 rounded-md" />
-                <p>Project</p>
-              </NavLink>
-            </li>
-
-            {/* Link */}
-
-            <li>
-              <NavLink
-                to="transfer"
-                title="Transfer"
-                className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
-              >
-                <FaExchangeAlt className="text-3xl text-white  p-0.5 rounded-md" />
-                <p>Project</p>
-              </NavLink>
-            </li>
-
-            {/* Link */}
-
-            <li>
-              <NavLink
-                to="payment"
-                title="Payment"
-                className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
-              >
-                <MdPayment className="text-3xl text-white  p-0.5 rounded-md" />
-                <p>Project</p>
-              </NavLink>
-            </li>
+            {navItems.map((n, i) => (
+              <li key={i}>
+                <NavLink
+                  to={n.to}
+                  title={n.label}
+                  className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
+                >
+                  {n.icon}
+                  <p>{n.label}</p>
+                </NavLink>
+              </li>
+            ))}
 
             {/* Link */}
 
-            <li>
-              <NavLink
-                to="report"
-                title="Report"
-                className="flex items-center gap-2 text-lg font-semibold text-white/70 hover:bg-white/50 hover:text-blue-500 rounded-md p-2"
-              >
-                <MdOutlineAnalytics className="text-3xl text-white  p-0.5 rounded-md" />
-                <p>Project</p>
-              </NavLink>
-            </li>
-
             {/* End Link */}
-
           </ul>
         </div>
         <div className="flex-1 bg-blue-200 rounded-lg p-2">

package/frontend-project/src/index.css

@@ -0,0 +1 @@
+@import 'tailwindcss'

package/frontend-project/src/main.jsx

@@ -0,0 +1,12 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.jsx'
+import AuthContext from './Context/UserContext.jsx'
+
+createRoot(document.getElementById('root')).render(
+ <AuthContext>
+   <App />
+ </AuthContext>
+ 
+)

package/frontend-project/vite.config.js

@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
 })

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "sms-tps",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
-  "license": "MIT",
+  "license": "ISC",
   "author": "",
   "type": "module",
   "main": "index.js",