feat: 이미지 및 동영상 게시글 작업(cs, features)

apps/cs/src/shared/config/api.ts

@@ -40,7 +40,7 @@ export const ENDPOINT = {
   BOARD_SERVICE: {
     BBS: "/board-service/api/v1/bbs",
     BBS_TEMPLATES: "/board-service/api/v1/bbsTmplt",
-    POSTS_USER: "/board-service/api/v1/posts/user",
+    POSTS: "/board-service/api/v1/posts",
     POSTS_COMMENTS: "/board-service/api/v1/posts-cmnts",
   },
 };

apps/cs/src/shared/lib/use-prompt.tsx

@@ -7,18 +7,18 @@ export const usePrompt = () => {
 
   const prompt = (message: string) => {
     setMessage(message);
-    return new Promise<string>((resolve) => {
+    return new Promise<{ resolved: boolean; value?: string }>((resolve) => {
       setResolve(() => resolve);
     });
   };
 
   const onSubmit = (value: string) => {
-    resolve?.(value);
+    resolve?.({ resolved: true, value });
     setMessage("");
   };
 
   const onCancel = () => {
-    resolve?.("");
+    resolve?.({ resolved: false });
     setMessage("");
   };
 

apps/cs/src/shared/providers/index.ts

@@ -1 +1,2 @@
 export { StoreProvider } from "./store-provider";
+export { PromptProvider } from "./prompt-provider";

apps/cs/src/shared/providers/prompt-provider.tsx

@@ -2,9 +2,15 @@ import { createContext, useState } from "react";
 
 interface PromptContext {
   message?: string;
-  resolve?: (value: string) => void;
+  resolve?: ({
+    resolved,
+    value,
+  }: {
+    resolved: boolean;
+    value?: string;
+  }) => void;
   setMessage: (message: string) => void;
-  setResolve: (resolve: (value: string) => void) => void;
+  setResolve: (resolve: () => void) => void;
 }
 
 export const PromptContext = createContext<PromptContext>({
@@ -16,7 +22,10 @@ export const PromptContext = createContext<PromptContext>({
 
 export const PromptProvider = ({ children }: { children: React.ReactNode }) => {
   const [message, setMessage] = useState<string>();
-  const [resolve, setResolve] = useState<(value: string) => void>();
+  const [resolve, setResolve] =
+    useState<
+      ({ resolved, value }: { resolved: boolean; value?: string }) => void
+    >();
 
   return (
     <PromptContext.Provider

apps/cs/src/shared/ui/grid-view-data-table.tsx

@@ -56,7 +56,7 @@ function GridViewDataTable<T>({
               key={row.id}
               onClick={() => onRowClick?.(row.original)}
               className={cn(
-                "rounded-md border border-border bg-background p-4 shadow-md",
+                "overflow-hidden rounded-md border border-border bg-background p-4 shadow-md",
                 onRowClick && "cursor-pointer hover:bg-accent",
               )}
             >

apps/cs/src/shared/ui/prompt-dialog.tsx

@@ -0,0 +1,45 @@
+import { useState } from "react";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogClose,
+  Input,
+} from "@common/components";
+import { usePrompt } from "@/shared/lib/use-prompt";
+
+function PromptDialog() {
+  const { message, isOpen, onSubmit, onCancel } = usePrompt();
+  const [value, setValue] = useState("");
+
+  return (
+    <Dialog open={isOpen} onOpenChange={onCancel}>
+      <DialogContent aria-describedby={undefined}>
+        <div className="flex flex-col gap-6 pb-4 pt-8">
+          <p className="whitespace-pre-line text-center text-[1.4rem] text-foreground">
+            {message}
+          </p>
+          <Input
+            type="text"
+            value={value}
+            className="!text-[1.3rem]"
+            onChange={(e) => setValue(e.target.value)}
+          />
+        </div>
+        <DialogFooter className="!justify-center">
+          <DialogClose asChild>
+            <Button onClick={() => onSubmit(value)}>확인</Button>
+          </DialogClose>
+          <DialogClose asChild>
+            <Button onClick={onCancel} color="white">
+              취소
+            </Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export { PromptDialog };