Feat: 자료집 UI 구현

.github/workflows/deploy-dev.yml

@@ -39,8 +39,8 @@ jobs:
           username: ubuntu
           host: ${{ secrets.SSH_HOST }}
           key: ${{ secrets.SSH_KEY }}
-          source: "dist.tar"
-          target: "/home/ubuntu/"
+          source: 'dist.tar'
+          target: '/home/ubuntu/'
       - name: Extract artifact with SSH
         uses: appleboy/[email protected]
         with:

.github/workflows/deploy.yml

@@ -39,8 +39,8 @@ jobs:
           username: ubuntu
           host: ${{ secrets.SSH_HOST }}
           key: ${{ secrets.SSH_KEY }}
-          source: "dist.tar"
-          target: "/home/ubuntu/"
+          source: 'dist.tar'
+          target: '/home/ubuntu/'
       - name: Extract artifact with SSH
         uses: appleboy/[email protected]
         with:

.prettierrc

@@ -6,4 +6,4 @@
   "trailingComma": "es5",
   "printWidth": 120,
   "plugins": ["prettier-plugin-tailwindcss"]
-}
+}

components.json

@@ -14,4 +14,4 @@
     "components": "@/components",
     "utils": "@/libs/utils"
   }
-}
+}

src/apis/getBoardDataPosts.ts

@@ -1,65 +1,65 @@
-import { clientAuth } from './client';
-import { AxiosResponse } from 'axios';
+// import { clientAuth } from './client';
+// import { AxiosResponse } from 'axios';
 
-// Reuse the Filters interface
-interface Filters {
-  [key: string]: any;
-}
+// // Reuse the Filters interface
+// interface Filters {
+//   [key: string]: any;
+// }
 
-// Request parameters interface
-interface GetBoardDataPostsParams {
-  filters?: Filters;
-  page: number;
-}
+// // Request parameters interface
+// interface GetBoardDataPostsParams {
+//   filters?: Filters;
+//   page: number;
+// }
 
-// Define the structure of a single file
-interface PostFile {
-  postFileId: number;
-  fileName: string;
-  fileUrl: string;
-  fileType: string;
-}
+// // Define the structure of a single file
+// interface PostFile {
+//   postFileId: number;
+//   fileName: string;
+//   fileUrl: string;
+//   fileType: string;
+// }
 
-// Define the structure of a single post
-interface PostListResDto {
-  postId: number;
-  category: string;
-  date: string;
-  title: string;
-  files: PostFile[];
-  isNotice: boolean;
-  // Add other relevant fields as needed
-}
+// // Define the structure of a single post
+// interface PostListResDto {
+//   postId: number;
+//   category: string;
+//   date: string;
+//   title: string;
+//   files: PostFile[];
+//   isNotice: boolean;
+//   // Add other relevant fields as needed
+// }
 
-// Define the pagination information
-interface PageInfo {
-  totalElements: number;
-  totalPages: number;
-  currentPage: number;
-  // Add other relevant fields if necessary
-}
+// // Define the pagination information
+// interface PageInfo {
+//   totalElements: number;
+//   totalPages: number;
+//   currentPage: number;
+//   // Add other relevant fields if necessary
+// }
 
-// Define the structure of the API response
-interface GetBoardDataPostsResponse {
-  data: {
-    postListResDto: PostListResDto[];
-    pageInfo: PageInfo;
-  };
-}
+// // Define the structure of the API response
+// interface GetBoardDataPostsResponse {
+//   data: {
+//     postListResDto: PostListResDto[];
+//     pageInfo: PageInfo;
+//   };
+// }
 
-// Update the function to return the correct response type
-export const getBoardDataPosts = async ({
-  filters = {},
-  page,
-}: GetBoardDataPostsParams): Promise<GetBoardDataPostsResponse> => {
-  const response: AxiosResponse<GetBoardDataPostsResponse> = await clientAuth({
-    url: `/board/data/posts`,
-    method: 'get',
-    params: {
-      take: 5,
-      page: page - 1, // Assuming your API uses 0-based pagination
-      ...filters,
-    },
-  });
-  return response.data;
-};
+// // Update the function to return the correct response type
+// export const getBoardDataPosts = async ({
+//   filters = {},
+//   page,
+// }: GetBoardDataPostsParams): Promise<GetBoardDataPostsResponse> => {
+//   const response: AxiosResponse<GetBoardDataPostsResponse> = await clientAuth({
+//     url: `/board/data/posts`,
+//     method: 'get',
+//     params: {
+//       take: 5,
+//       page: page - 1, // Assuming your API uses 0-based pagination
+//       ...filters,
+//     },
+//   });
+//   return response.data;
+// };

src/apis/postBoardDataSubCategoryPost.ts

@@ -1,20 +1,20 @@
-import { client } from '@/apis/client';
+// import { client } from '@/apis/client';
 
-export const postBoardDataSubCategoryPosts = (
-  fileCategory: string,
-  resBody: {
-    title: string | null;
-    content: string;
-    categoryCode: string;
-    thumbNailImage: null;
-    isNotice: boolean;
-    postFileList: any[];
-  },
-  accessToken: string
-) => {
-  return client.post(`/board/data/${fileCategory}/post`, resBody, {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-};
+// export const postBoardDataSubCategoryPosts = (
+//   fileCategory: string,
+//   resBody: {
+//     title: string | null;
+//     content: string;
+//     categoryCode: string;
+//     thumbNailImage: null;
+//     isNotice: boolean;
+//     postFileList: any[];
+//   },
+//   accessToken: string
+// ) => {
+//   return client.post(`/board/data/${fileCategory}/post`, resBody, {
+//     headers: {
+//       Authorization: `Bearer ${accessToken}`,
+//     },
+//   });
+// };

src/apis/postBoardFiles.ts

@@ -13,7 +13,7 @@ export async function postBoardFiles({
   boardCode,
   files = [],
   images = [],
-}: postBoardFilesProps): Promise<AxiosResponse<any>> {
+}: postBoardFilesProps): Promise<AxiosResponse> {
   const formData = new FormData();
 
   files.forEach((file) => {

src/apis/postBoardPosts.ts

@@ -11,7 +11,7 @@ export interface postBoardPostsProps {
     content: string;
     categoryCode?: string;
     groupCode?: string;
-    memberCode?: string;
+    memberCode?: string | null;
     thumbNailImage?: string | null;
     isNotice?: boolean;
     postFileList?: number[] | null;

src/components/BoardNew/detail/PostFooter.tsx

@@ -1,5 +1,5 @@
 import { DeleteButton } from '@/components/Buttons/BoardActionButtons.tsx';
-import { buttonVariants } from '@/components/ui/button.tsx';
+import { ButtonVariants } from '@/components/ui/button.tsx';
 import { List, Pencil } from '@phosphor-icons/react';
 import { Skeleton } from '@/components/ui/skeleton.tsx';
 import { ArticleFooter } from '@/containers/new/ArticleFooter.tsx';
@@ -20,12 +20,12 @@ export function PostFooter({ boardUrl, deletable, editable, editUrl, onDelete, c
       <div className="flex w-full max-w-[1040px] justify-end gap-4">
         {deletable && <DeleteButton onClick={onDelete} />}
         {editable && (
-          <a className={cn(buttonVariants({ variant: 'List_Edit' }), 'select-none')} href={editUrl}>
+          <a className={cn(ButtonVariants({ variant: 'List_Edit' }), 'select-none')} href={editUrl}>
             <Pencil className="text-lg" />
             <p className="text-lg">편집</p>
           </a>
         )}
-        <a className={cn(buttonVariants({ variant: 'List_Edit' }), 'select-none')} href={boardUrl}>
+        <a className={cn(ButtonVariants({ variant: 'List_Edit' }), 'select-none')} href={boardUrl}>
           <List className="text-lg" />
           <p className="text-lg">목록</p>
         </a>