+
AI 궁금증 해결하기
diff --git a/cafeflow/src/components/QnAPage/QnAPage.js b/cafeflow/src/components/QnAPage/QnAPage.js
index 398bc39c..19e240a9 100644
--- a/cafeflow/src/components/QnAPage/QnAPage.js
+++ b/cafeflow/src/components/QnAPage/QnAPage.js
@@ -4,7 +4,8 @@ import { Link, useNavigate, useParams } from "react-router-dom";
import { API_URL } from "../Constant";
import writer1 from "../../icons/writer1.png";
import ViewCount from "../../icons/ViewCount.png";
-import divider from "../../icons/Divider.png";
+import check from "../../icons/check.png";
+
import "./QnAPage.css";
const QnAPage = () => {
@@ -21,7 +22,7 @@ const QnAPage = () => {
const [comments, setComments] = useState([]); // 댓글 리스트를 저장하는 상태 변수
const [editingCommentId, setEditingCommentId] = useState(null); // 수정 중인 댓글의 ID를 저장하는 상태
const [editingComment, setEditingComment] = useState(""); // 수정할 댓글의 내용을 저장하는 상태
-
+ const [isChecked, setIsChecked] = useState(false); // 채택하기 버튼
const token = localStorage.getItem("jwtToken"); // JWT 토큰
const currentUser = localStorage.getItem("nickname"); // 현재 로그인한 유저의 닉네임
@@ -137,6 +138,19 @@ const QnAPage = () => {
setEditing(true);
};
+ // 컴포넌트가 마운트되면 로컬 스토리지에서 상태를 불러옴
+ useEffect(() => {
+ const savedState = localStorage.getItem(`isChecked_${questionId}`);
+ if (savedState) {
+ setIsChecked(JSON.parse(savedState));
+ }
+ }, [questionId]);
+
+ const handleAdoptionClick = () => {
+ setIsChecked(true);
+ localStorage.setItem(`isChecked_${questionId}`, "true"); // 상태를 로컬 스토리지에 저장
+ };
+
// QnA 질문 수정 기능 : 현재 로그인 중인 유저의 정보와 질문 작성자의 정보가 일치해야함 보임
const handleUpdate = () => {
if (window.confirm("질문을 수정하시겠습니까?")) {
@@ -264,23 +278,53 @@ const QnAPage = () => {
)}
- {post.viewCount} + {post.viewCount}
- +- - ))} + ++ {post.title}-- -+ - ---- {/*+
