frontend/src/components/Navbar/Navbar.jsx

@@ -29,7 +29,7 @@ export const NAV_ITEM = (admin = false) => [
     text: language?.ui.house,
   },
   {
-    path: '/location',
+    pathName: 'warehouse',
     show: true,
     icon: IconBuildingWarehouse,
     text: language?.ui.location,

frontend/src/lang/vi.json

@@ -12,7 +12,7 @@
     "house": "Địa điểm",
     "action": "Thao Tác",
     "createNew": "Tạo mới",
-    "location": "Khu vực",
+    "location": "Nhà kho",
     "displayName": "Tên hiển thị",
     "newPassword": "Mật khẩu mới",
     "confirmNewPassword": "Nhập lại mật khẩu",

frontend/src/pages/Location/index.js

@@ -1 +0,0 @@
-export { default } from './Location'

frontend/src/pages/Location/location.scss

@@ -1,3 +0,0 @@
-.locations {
-
-}

frontend/src/pages/WareHouse/WareHouse.jsx

@@ -1,11 +1,7 @@
 import { IconPackage } from '@tabler/icons-solidjs'
 import { For } from 'solid-js'
 import { Dynamic } from 'solid-js/web'
-import './location.scss'
+import './warehouse.scss'
-
-const data = [
-  'A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7'
-]
 
 function PackageItem(props) {
   const { item } = { ...props }
@@ -13,7 +9,7 @@ function PackageItem(props) {
   return (
     <a
       href="#"
-      class="group/item w-20 h-20 m-[10px] hover:text-white hover:bg-fu-green rounded-[10px] block"
+      class="group/item w-10 h-10 m-[5px] hover:text-white hover:bg-fu-green rounded-[10px] block"
       classList={{ 'bg-fu-warning/30': isEmpty, 'bg-fu-warning': !isEmpty }}
     >
       <div class="bx-dec invisible group-hover/item:visible">
@@ -41,13 +37,13 @@ function PackageItem(props) {
   )
 }
 
-export default function Location() {
+export default function WareHouse() {
   return (
-    <div class="locations">
+    <div class="warehouse">
       <div class="card w-full bg-base-100 shadow-lg border border-gray-200">
         <div class="card-body">
           <div class="box-header pb-5 mb-5 flex items-center justify-between border-b border-gray-200">
-            <h4 class="card-title">Nhà 1</h4>
+            <h4 class="card-title">Section Overview</h4>
             <div class="box-controls pull-right">
               <input class="form-control no-border bg-base-200 px-2 py-1" id="e" type="date" />
             </div>

frontend/src/pages/WareHouse/index.js

@@ -0,0 +1 @@
+export { default } from './WareHouse'

frontend/src/pages/WareHouse/warehouse.scss

@@ -0,0 +1,3 @@
+.warehouse {
+
+}

frontend/src/routes/routes.js

@@ -37,8 +37,9 @@ export const ROUTES = [
     show: true,
   },
   {
-    path: '/location',
+    name: 'warehouse',
-    components: lazy(() => import('@pages/Location')),
+    path: '/warehouse',
+    components: lazy(() => import('@pages/WareHouse')),
     filter: {},
     show: true,
   },