Merge pull request #132 from DDD-Community/feature/board-name

[FEATURE] 5차 MVP 관련 텍스트 수정 및 보드 생성 페이지 뒤로가기 버튼 추가

src/app/(onboarding)/signup/_components/steps/BirthDtForm.tsx

@@ -41,7 +41,7 @@ const BirthDtForm = ({
           {'님의\n생일을 입력해주세요!'}
         </div>
         <p className="text-sm text-gray-400">
-          추가 정보를 입력하시면 나에게 딱 맞는 보드 주제를 추천해드려요 :)
+          추가 정보를 입력하시면 나에게 딱 맞는 보드 이름을 추천해드려요 :)
         </p>
 
         <div className="mx-auto mt-14">

src/app/(onboarding)/signup/_components/steps/GenderForm.tsx

@@ -37,7 +37,7 @@ const GenderForm = ({
         {'을 \n 입력해주세요!'}
       </div>
       <p className="text-sm text-gray-400">
-        추가 정보를 입력하시면 나에게 딱 맞는 보드 주제를 추천해드려요 :)
+        추가 정보를 입력하시면 나에게 딱 맞는 보드 이름을 추천해드려요 :)
       </p>
 
       <div className="mx-auto mb-6 flex flex-1 items-center gap-2">

src/app/board/[boardId]/_components/Tutorial/Tooltips.tsx

@@ -33,7 +33,7 @@ export const Step2Tooltip = () => {
         trianglePos="-bottom-[0%] translate-y-[20%]"
       >
         <Tooltip.Content className="pl-[58px] text-left">
-          <span className="font-semiBold">보드 주제와 맞는 사진</span>
+          <span className="font-semiBold">보드 이름과 맞는 사진</span>
           {`을 올려 \n 보드를 꾸며주세요!`}
         </Tooltip.Content>
         <Tooltip.NextBtn hasNext={false} />

src/app/board/create/_components/BackButton.tsx

@@ -0,0 +1,18 @@
+'use client'
+
+import React from 'react'
+import ArrowBackIcon from 'public/icons/arrow_back_ios.svg'
+import { useRouter } from 'next/navigation'
+
+const BackButton = () => {
+  const router = useRouter()
+
+  return (
+    <ArrowBackIcon
+      className="absolute left-3 top-5"
+      onClick={() => router.back()}
+    />
+  )
+}
+
+export default BackButton

src/app/board/create/_components/BoardNameForm.tsx

@@ -24,7 +24,7 @@ const BoardNameForm = ({ children, createBoard }: BoardNameFormProps) => {
     <>
       <div>
         <div className="py-9 text-center text-xl font-thin leading-8 text-gray-900">
-          보드 주제를 정해주세요!
+          보드 이름을 정해주세요!
         </div>
         <TextInput
           errorMessage={errorMessage}
@@ -42,7 +42,7 @@ const BoardNameForm = ({ children, createBoard }: BoardNameFormProps) => {
         disabled={isInvalid}
         onClick={() => createBoard(boardName)}
       >
-        완료
+        다음
       </Button>
     </>
   )

src/app/board/create/page.tsx

@@ -4,6 +4,7 @@ import { postBoard } from '@/lib'
 import { revalidateTag } from 'next/cache'
 import { redirect } from 'next/navigation'
 import BoardNameRecommendations from '@/app/board/create/_components/BoardNameRecommendations'
+import BackButton from '@/app/board/create/_components/BackButton'
 import BoardAvailabilityCheckModal from './_components/BoardAvailabilityCheckModal'
 import BoardNameForm from './_components/BoardNameForm'
 
@@ -20,7 +21,8 @@ const CreateBoardPage = () => {
     redirect(`/board/${boardId}`)
   }
   return (
-    <div className="flex h-dvh flex-col items-center justify-between px-5">
+    <div className="relative flex h-dvh flex-col items-center justify-between px-5">
+      <BackButton />
       <Image
         src={PolaboLogo}
         alt="logo"

src/app/mypage/boards/_components/BoardList/BoardEditPopup.tsx

@@ -21,7 +21,7 @@ const BoardEditPopup = ({
           className="border-b border-b-gray-300 py-2 pl-[22px] text-sm text-gray-950"
           onClick={clickChangeName}
         >
-          <span>보드 주제 수정하기</span>
+          <span>보드 이름 수정하기</span>
         </div>
         <div
           className="py-2 pl-[22px] text-sm text-negative"

src/app/mypage/boards/_components/BoardList/ChangeBoardNameModal.tsx

@@ -49,7 +49,7 @@ const ChangeBoardNameModal = ({
     >
       <Modal.CenterModal icon={<ClipIcon className="translate-y-2" />}>
         <Modal.Close />
-        <Modal.Title>보드 주제 수정</Modal.Title>
+        <Modal.Title>보드 이름 수정</Modal.Title>
         <div className="mt-3">
           <TextInput
             errorMessage={`${MAX_BOARD_NAME_LENGTH}자 이내로 입력 가능해요`}