WIP

frontend/src/@types/general/index.d.ts

@@ -0,0 +1,6 @@
+interface PaginationMetadata {
+  page: number;
+  records: number;
+  total: number;
+  last_page: number;
+}

frontend/src/@types/global.d.ts

@@ -1,3 +1,4 @@
 /* eslint-disable @typescript-eslint/triple-slash-reference */
 /// <reference path="./piece.d.ts" />
 /// <reference path="./utils" />
+/// <reference path="./general" />

frontend/src/context/authentication/authentication.context.tsx

@@ -1,3 +1,4 @@
+import { postAuthLogin, postAuthRegister } from "@features/auth/api";
 import React, {
   type ReactNode,
   useCallback,
@@ -10,7 +11,6 @@ import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import { createCustomContext } from "utils";
 
-import { postAuthLogin, postAuthRegister } from "./api";
 import {
   type IAuthenticationContext,
   type IAuthenticationStore,
@@ -45,6 +45,9 @@ export const AuthenticationProvider: React.FC<{ children: ReactNode }> = ({
         userId,
         tokenExpiresIn,
       }));
+
+      console.log("here");
+
       const currentDate = new Date();
       const tokenExpirationDate = new Date(
         currentDate.getTime() + tokenExpiresIn * 1000,
@@ -73,16 +76,14 @@ export const AuthenticationProvider: React.FC<{ children: ReactNode }> = ({
   const authenticate = useCallback(
     async (email: string, password: string) => {
       setAuthLoading(true);
-      void postAuthLogin({ email, password })
+      await postAuthLogin({ email, password })
         .then((res) => {
-          if (res.status === 200) {
-            login(
-              res.data.access_token,
-              res.data.user_id,
-              res.data.token_expires_in,
-              "/workspaces",
-            );
-          }
+          login(
+            res.access_token,
+            res.user_id,
+            res.token_expires_in,
+            "/workspaces",
+          );
         })
         .finally(() => {
           setAuthLoading(false);

frontend/src/context/workspaces/repositories.tsx

@@ -1,17 +1,20 @@
+import {
+  type QueryObserverResult,
+  type RefetchOptions,
+} from "@tanstack/react-query";
 import { useStorage } from "context/storage/useStorage";
 import {
   type IGetRepoPiecesResponseInterface,
-  useAuthenticatedGetPieceRepositories,
-  useFetchAuthenticatedGetRepoIdPieces,
+  useRepositories,
+  useRepoIdPieces,
   type IGetPiecesRepositoriesResponseInterface,
-  type IGetPiecesRepositoriesReleasesParams,
-  type IGetPiecesRepositoriesReleasesResponseInterface,
-  useAuthenticatedGetPieceRepositoriesReleases,
+  type RepositoriesReleasesParams,
+  type RepositoriesReleasesResponse,
+  useRepositoriesReleases,
   useAuthenticatedDeleteRepository,
 } from "features/myWorkflows/api";
 import React, { useCallback, useEffect, useState } from "react";
 import { toast } from "react-toastify";
-import { type KeyedMutator } from "swr";
 import { createCustomContext } from "utils";
 
 import { useAuthenticatedPostPiecesRepository } from "./api";
@@ -30,16 +33,21 @@ export interface IPiecesContext {
   selectedRepositoryId: null | number;
   setSelectedRepositoryId: React.Dispatch<React.SetStateAction<number | null>>;
 
-  handleRefreshRepositories: KeyedMutator<
-    IGetPiecesRepositoriesResponseInterface | undefined
+  handleRefreshRepositories: (
+    options?: RefetchOptions | undefined,
+  ) => Promise<
+    QueryObserverResult<
+      IGetPiecesRepositoriesResponseInterface | undefined,
+      Error
+    >
   >;
   handleAddRepository: (
     params: Omit<IPostWorkspaceRepositoryPayload, "workspace_id">,
   ) => Promise<IPostWorkspaceRepositoryResponseInterface | unknown>;
 
   handleFetchRepoReleases: (
-    params: IGetPiecesRepositoriesReleasesParams,
-  ) => Promise<IGetPiecesRepositoriesReleasesResponseInterface | undefined>;
+    params: RepositoriesReleasesParams,
+  ) => Promise<RepositoriesReleasesResponse | undefined>;
 
   handleDeleteRepository: (id: string) => Promise<any>;
 
@@ -68,14 +76,14 @@ const PiecesProvider: React.FC<{ children: React.ReactNode }> = ({
 
   const { workspace, handleRefreshWorkspaces } = useWorkspaces();
 
-  const fetchRepoById = useFetchAuthenticatedGetRepoIdPieces();
+  const fetchRepoById = useRepoIdPieces();
 
   const {
     data: repositories,
     error: repositoriesError,
-    isValidating: repositoriesLoading,
-    mutate: handleRefreshRepositories,
-  } = useAuthenticatedGetPieceRepositories({});
+    isLoading: repositoriesLoading,
+    refetch: handleRefreshRepositories,
+  } = useRepositories();
 
   useEffect(() => {
     let active = true;
@@ -113,7 +121,7 @@ const PiecesProvider: React.FC<{ children: React.ReactNode }> = ({
     }
   }, [repositories, fetchRepoById]);
 
-  const { data: defaultRepositories } = useAuthenticatedGetPieceRepositories({
+  const { data: defaultRepositories } = useRepositories({
     source: "default",
   });
 
@@ -142,8 +150,8 @@ const PiecesProvider: React.FC<{ children: React.ReactNode }> = ({
     [postRepository, handleRefreshWorkspaces, workspace?.id],
   );
 
-  const handleFetchRepoReleases =
-    useAuthenticatedGetPieceRepositoriesReleases();
+  const { mutateAsync: handleFetchRepoReleases, data } =
+    useRepositoriesReleases();
 
   const handleDeleteRepository = useAuthenticatedDeleteRepository();