Move types to api folder

Author: jkettmann

api/issues.ts

@@ -1,4 +1,6 @@
 import { axios } from "./axios";
+import type { Issue } from "./issues.types";
+import type { Page } from "@typings/page.types";
 
 type IssueFilters = {
   status?: "open" | "resolved";
@@ -11,7 +13,7 @@ export async function getIssues(
   filters: IssueFilters = {},
   options?: { signal?: AbortSignal }
 ) {
-  const { data } = await axios.get(ENDPOINT, {
+  const { data } = await axios.get<Page<Issue>>(ENDPOINT, {
     params: { page, ...filters },
     signal: options?.signal,
   });

features/issues/types/index.ts renamed to api/issues.types.ts

@@ -1,8 +1,9 @@
 import { axios } from "./axios";
+import type { Project } from "./projects.types";
 
 const ENDPOINT = "/project";
 
 export async function getProjects() {
-  const { data } = await axios.get(ENDPOINT);
+  const { data } = await axios.get<Project[]>(ENDPOINT);
   return data;
 }

api/projects.ts

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { getIssues } from "@api/issues";
 import type { Page } from "@typings/page.types";
-import type { Issue } from "../types";
+import type { Issue } from "@api/issues.types";
 
 const QUERY_KEY = "issues";
 

features/projects/types/index.ts renamed to api/projects.types.ts

@@ -2,7 +2,7 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useRef } from "react";
 import { resolveIssue } from "@api/issues";
 import * as GetIssues from "./use-get-issues";
-import type { Issue } from "../types";
+import type { Issue } from "@api/issues.types";
 
 export function useResolveIssue(page: number) {
   const queryClient = useQueryClient();

features/issues/api/use-get-issues.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import styled from "styled-components";
-import { ProjectLanguage } from "@features/projects";
+import { ProjectLanguage } from "@api/projects.types";
 import { color, space, textFont } from "@styles/theme";
 import { IssueRow } from "./issue-row";
 import { useGetIssues, useResolveIssue } from "../../api";

features/issues/api/use-resolve-issue.tsx

@@ -2,9 +2,9 @@ import styled from "styled-components";
 import capitalize from "lodash/capitalize";
 import { color, space, textFont } from "@styles/theme";
 import { Badge, BadgeColor, BadgeSize } from "@features/ui";
-import { ProjectLanguage } from "@features/projects";
-import { IssueLevel } from "../../types";
-import type { Issue } from "../../types";
+import { ProjectLanguage } from "@api/projects.types";
+import { IssueLevel } from "@api/issues.types";
+import type { Issue } from "@api/issues.types";
 
 type IssueRowProps = {
   projectLanguage: ProjectLanguage;

features/issues/components/issue-list/issue-list.tsx

@@ -1,3 +1,2 @@
 export * from "./api";
 export * from "./components/issue-list";
-export * from "./types";

features/issues/components/issue-list/issue-row.tsx

@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { getProjects } from "@api/projects";
-import type { Project } from "../types";
+import type { Project } from "@api/projects.types";
 
 export function useProjects() {
   return useQuery<Project[], Error>(["projects"], getProjects);