feat(project): base smatec's frontend

src/pages/Slave/GMS/Monitor/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const GMSMonitor: React.FC = () => {
+  return (
+    <div>
+      <h1>Giám sát (GMS)</h1>
+    </div>
+  );
+};
+
+export default GMSMonitor;

src/pages/Slave/SGW/Manager/Area/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SGWArea: React.FC = () => {
+  return (
+    <div>
+      <h1>Khu vực (SGW Manager)</h1>
+    </div>
+  );
+};
+
+export default SGWArea;

src/pages/Slave/SGW/Manager/Fish/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SGWFish: React.FC = () => {
+  return (
+    <div>
+      <h1>Cá (SGW Manager)</h1>
+    </div>
+  );
+};
+
+export default SGWFish;

src/pages/Slave/SGW/Map/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SGWMap: React.FC = () => {
+  return (
+    <div>
+      <h1>Bản đồ (SGW)</h1>
+    </div>
+  );
+};
+
+export default SGWMap;

src/pages/Slave/SGW/Trip/index.tsx

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

src/pages/Slave/Spole/Media/index.tsx

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

src/pages/Slave/Spole/Mira/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SpoleMira: React.FC = () => {
+  return (
+    <div>
+      <h1>Mira (Spole Manager)</h1>
+    </div>
+  );
+};
+
+export default SpoleMira;

src/pages/Slave/Spole/Miva/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SpoleMiva: React.FC = () => {
+  return (
+    <div>
+      <h1>Miva (Spole Manager)</h1>
+    </div>
+  );
+};
+
+export default SpoleMiva;

src/pages/Slave/Spole/Monitor/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SpoleHome: React.FC = () => {
+  return (
+    <div>
+      <h1>Trang chủ (Spole)</h1>
+    </div>
+  );
+};
+
+export default SpoleHome;

src/pages/Slave/Spole/StreetLight/index.tsx

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

src/pages/Slave/Spole/TrafficLight/index.tsx

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