Move categories APIs into separate directory

TritonSE · May 28, 2024 · b7b7881 · b7b7881
1 parent 5b933ba
commit b7b7881
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 12 deletions.
diff --git a/admin-portal-frontend/src/app/all-page/page.tsx b/admin-portal-frontend/src/app/all-page/page.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 import FilterIcon from "../icons/filter.svg";
 
-import { deletePage, getAllCategories } from "../components/categoryRoutes";
+import { deletePage, getAllCategories } from "../api/Categories";
 import PageContainer from "../components/PageContainer";
 import Toast from "../components/Toast";
 

diff --git a/...end/src/app/components/categoryRoutes.tsx → ...portal-frontend/src/app/api/Categories.ts b/...end/src/app/components/categoryRoutes.tsx → ...portal-frontend/src/app/api/Categories.ts
diff --git a/admin-portal-frontend/src/app/components/CategoryContainer.tsx b/admin-portal-frontend/src/app/components/CategoryContainer.tsx
@@ -6,12 +6,12 @@ import EditIcon from "../icons/edit.svg";
 import TrashIcon from "../icons/trash.svg";
 
 import DeleteConfirmationPopup from "./DeletePopup";
-import { Category } from "./categoryRoutes";
+import { Category } from "../api/Categories";
 
 type IconProps = {
-  'content-type': string,
-  src: string
-}
+  "content-type": string;
+  src: string;
+};
 
 type CategoryItemProps = {
   id: string;
@@ -69,11 +69,11 @@ const CategoryItem: React.FC<CategoryItemProps> = ({ id, title, pages, onDeleteC
             setAllowEdits(!allowEdits);
           }}
         >
-          <img src={( EditIcon as IconProps ).src} alt="Edit" className="w-4 h-4" />
+          <img src={(EditIcon as IconProps).src} alt="Edit" className="w-4 h-4" />
         </button>
         <button className="bg-[#E5EFF5] p-2 rounded-full border border-black">
           <img
-            src={( TrashIcon as IconProps ).src}
+            src={(TrashIcon as IconProps).src}
             alt="Delete"
             className="w-4 h-4"
             onClick={() => {

diff --git a/admin-portal-frontend/src/app/components/PageContainer.tsx b/admin-portal-frontend/src/app/components/PageContainer.tsx
@@ -7,7 +7,7 @@ import TrashIcon from "../icons/trash.svg";
 
 import DeleteConfirmationPopup from "./DeletePopup";
 
-import { Category } from "./categoryRoutes";
+import { Category } from "../api/Categories";
 
 type IconProps = {
   "content-type": string;

diff --git a/admin-portal-frontend/src/app/emergencies/page.tsx b/admin-portal-frontend/src/app/emergencies/page.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 
 import { CategoryContainer } from "../components/CategoryContainer";
 import Toast from "../components/Toast";
-import { deleteCategory, getAllCategories } from "../components/categoryRoutes";
+import { deleteCategory, getAllCategories } from "../api/Categories";
 
 export default function CategoriesPage() {
   const [categories, setCategories] = useState([]);

diff --git a/admin-portal-frontend/src/app/general-principles/page.tsx b/admin-portal-frontend/src/app/general-principles/page.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 
 import { CategoryContainer } from "../components/CategoryContainer";
 import Toast from "../components/Toast";
-import { deleteCategory, getAllCategories } from "../components/categoryRoutes";
+import { deleteCategory, getAllCategories } from "../api/Categories";
 
 export default function CategoriesPage() {
   const [categories, setCategories] = useState([]);

diff --git a/admin-portal-frontend/src/app/page.tsx b/admin-portal-frontend/src/app/page.tsx
@@ -3,16 +3,18 @@ import React from "react";
 import HorizontalNavBar from "./components/HorizontalNavbar";
 import VerticalNavBar from "./components/VerticalNavBar";
 import styles from "./pageStyles";
+import AllPage from "./all-page/page";
 
 const AnotherPage: React.FC = () => {
   return (
     <div>
-      <div style={styles.verticalNavBar}>
+      {/* <div style={styles.verticalNavBar}>
         <VerticalNavBar />
       </div>
       <div style={styles.horizontalNavBar}>
         <HorizontalNavBar />
-      </div>
+      </div> */}
+      <AllPage />
     </div>
   );
 };