Merge pull request #122 from KUIT-Space/bug/#119/게시판-좋아요-및-등록-버그

Hotfix: 게시판 버튼 및 background-image 경로 이슈
KUIT-Space · Aug 20, 2024 · acb6ed0 · acb6ed0
2 parents 084aa1d + 9932657
commit acb6ed0
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/pages/BoardPage/BoardPage.styled.ts b/src/pages/BoardPage/BoardPage.styled.ts
@@ -28,6 +28,12 @@ export const BoardHeader = styled.div`
   }
 `;
 
+export const BoardFloatingBtn = styled.img`
+  position: fixed;
+  bottom: 5.625rem;
+  right: 3rem;
+`;
+
 export const BoardPostItemEmpty = styled.div`
   margin-top: 16rem;
   display: flex;

diff --git a/src/pages/BoardPage/BoardPage.tsx b/src/pages/BoardPage/BoardPage.tsx
@@ -3,12 +3,16 @@ import { useNavigate } from "react-router-dom";
 
 import { BoardPost, getAllPosts } from "@/apis/Board/BoardReadApi";
 import arrowDown from "@/assets/Board/chevron_down.svg";
+import floating from "@/assets/Board/floating.svg";
 import search from "@/assets/Board/search.svg";
 import TopBarText, { LeftEnum } from "@/components/TopBarText";
 import BoardBottomModal from "@/pages/BoardPage/BoardBottomModal";
-import { BoardHeader, BoardPostItemEmpty } from "@/pages/BoardPage/BoardPage.styled";
+import {
+  BoardFloatingBtn,
+  BoardHeader,
+  BoardPostItemEmpty,
+} from "@/pages/BoardPage/BoardPage.styled";
 import BoardPostItem from "@/pages/BoardPage/BoardPostItem";
-import { AddChatBtn } from "@/pages/ChatPage/ChatAddBtn.styled";
 
 export type boardSelectedOptionType = {
   id: string;
@@ -82,7 +86,7 @@ const BoardPage = () => {
           <br />첫 게시글을 작성해보세요!
         </BoardPostItemEmpty>
       )}
-      <AddChatBtn onClick={() => navigate("/board/register")} />
+      <BoardFloatingBtn src={floating} onClick={() => navigate("/board/register")} />
       <BoardBottomModal
         selectedOption={selectedOption}
         onSelect={setSelectedOption}

diff --git a/src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts b/src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts
@@ -1,9 +1,11 @@
 import styled from "styled-components";
 
-import SearchIcon from "@/assets/ChatPage/icon_search.svg";
+// import SearchIcon from "@/assets/ChatPage/icon_search.svg";
 import { BottomBtn } from "@/components/BottomBtn";
 import { Input } from "@/components/Input";
 
+import SearchIcon from "../../../assets/ChatPage/icon_search.svg";
+
 export const ChatroomAddImgBtn = styled.label<{ $backgroundImage: string | null }>`
   display: flex;
   width: 8.5rem;