-
Layout
-
+
+
+
+
+
);
}
diff --git a/frontend/src/routes/app/_hiddenLayout/inventory.tsx b/frontend/src/routes/app/_hiddenLayout/inventory.tsx
index afeab4b..d0009aa 100644
--- a/frontend/src/routes/app/_hiddenLayout/inventory.tsx
+++ b/frontend/src/routes/app/_hiddenLayout/inventory.tsx
@@ -1,5 +1,6 @@
import { createFileRoute, redirect } from "@tanstack/react-router";
import { isAuthenticated } from "../../../utils/auth";
+import { InventoryPage } from "../../../pages/Inventory";
export const Route = createFileRoute("/app/_hiddenLayout/inventory")({
beforeLoad: async () => {
@@ -13,9 +14,5 @@ export const Route = createFileRoute("/app/_hiddenLayout/inventory")({
});
function RouteComponent() {
- return (
- <>
-
Inventar
-
- );
+ return
;
}
diff --git a/frontend/src/routes/app/_hiddenLayout/profile.tsx b/frontend/src/routes/app/_hiddenLayout/profile.tsx
new file mode 100644
index 0000000..0ebec38
--- /dev/null
+++ b/frontend/src/routes/app/_hiddenLayout/profile.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/app/_hiddenLayout/profile')({
+ component: RouteComponent,
+})
+
+function RouteComponent() {
+ return
Hello "/app/_hiddenLayout/profile"!
+}
diff --git a/frontend/src/routes/app/_hiddenLayout/view-product.tsx b/frontend/src/routes/app/_hiddenLayout/view-product.tsx
index 2cbef25..20c4564 100644
--- a/frontend/src/routes/app/_hiddenLayout/view-product.tsx
+++ b/frontend/src/routes/app/_hiddenLayout/view-product.tsx
@@ -1,5 +1,7 @@
import { createFileRoute, redirect } from "@tanstack/react-router";
+import { z } from "zod";
import { isAuthenticated } from "../../../utils/auth";
+import { ViewProduct } from "../../../pages/ViewProduct";
export const Route = createFileRoute("/app/_hiddenLayout/view-product")({
beforeLoad: async () => {
@@ -9,9 +11,13 @@ export const Route = createFileRoute("/app/_hiddenLayout/view-product")({
});
}
},
+ validateSearch: z.object({
+ product: z.string(),
+ }),
component: RouteComponent,
});
function RouteComponent() {
- return
Hello "/app/view-product"!
;
+ const { product } = Route.useSearch();
+ return
;
}
diff --git a/frontend/src/utils/uxFncs.ts b/frontend/src/utils/uxFncs.ts
new file mode 100644
index 0000000..0602426
--- /dev/null
+++ b/frontend/src/utils/uxFncs.ts
@@ -0,0 +1,41 @@
+import { API_BASE } from "../config/api.config";
+import Cookies from "js-cookie";
+
+export const getProducts = async () => {
+ const result = await fetch(`${API_BASE}/products/all-products`, {
+ headers: {
+ Authorization: `Bearer ${Cookies.get("token") || ""}`,
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ });
+ const response = await result.json();
+
+ if (response.code === "ep002") {
+ return { success: false, code: response.code };
+ }
+
+ if (response.code === "sp002") {
+ return response.data;
+ }
+};
+
+export const getProductDetails = async (uuid: string) => {
+ const result = await fetch(`${API_BASE}/products/view?uuid=${uuid}`, {
+ headers: {
+ Authorization: `Bearer ${Cookies.get("token") || ""}`,
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ });
+
+ const response = await result.json();
+
+ if (response.code === "ep003") {
+ return { success: false, code: response.code };
+ }
+
+ if (response.code === "sp003") {
+ return response.data;
+ }
+};