+ onClickFunction={() => onClickFunction}>
{btnText}
) : iconStyleCase ? (
diff --git a/weatherfit_refactoring/src/Components/Molecules/LikeAndComment.tsx b/weatherfit_refactoring/src/Components/Molecules/LikeAndComment.tsx
index 9844fbf..2b524bc 100644
--- a/weatherfit_refactoring/src/Components/Molecules/LikeAndComment.tsx
+++ b/weatherfit_refactoring/src/Components/Molecules/LikeAndComment.tsx
@@ -1,10 +1,42 @@
+'use client'
+
+import { useStore } from '@/Store/Store'
import IconStore, { IconStyle } from '../Atoms/Icon/IconStore'
import CommentIcon from './CommentIcon'
+import { AuthTokenStore } from '@/Store/AuthToken'
+
+export default function LikeAndComment({ boardId }: { boardId: BOARDID }) {
+ const { isLiked, toggleLikeState } = useStore()
+ const { accesstoken } = AuthTokenStore()
+
+ const toggleLike = async () => {
+ try {
+ const response = await fetch(
+ `https://www.yourwebsite.com/board/like/${boardId}`,
+ {
+ method: 'POST',
+ headers: {
+ Authorization: 'Bearer ' + accesstoken,
+ },
+ },
+ )
+ if (!response.ok) {
+ throw new Error('Network response was not ok.')
+ }
+ toggleLikeState()
+ } catch (error) {
+ console.error('좋아요 실패:', error)
+ }
+ }
-export default function LikeAndComment() {
return (
)
diff --git a/weatherfit_refactoring/src/Components/Molecules/TextAreaMolecule.tsx b/weatherfit_refactoring/src/Components/Molecules/TextAreaMolecule.tsx
index d5e1a02..f83ba8e 100644
--- a/weatherfit_refactoring/src/Components/Molecules/TextAreaMolecule.tsx
+++ b/weatherfit_refactoring/src/Components/Molecules/TextAreaMolecule.tsx
@@ -7,17 +7,24 @@ import { extractHashtags } from '@/utils/function/utilFunction'
export default function TextAreaMolecule({
initContent,
+ mode,
}: {
initContent?: FEEDDATA_detail['content']
+ mode: 'edit' | 'upload'
}) {
const { content, setContent, setHashTag } = useStore()
const textAreaRef = useRef
(null)
useEffect(() => {
- if (initContent) {
+ // Edit 모드일 때는 initContent로 초기화
+ if (mode === 'edit' && initContent) {
setContent(initContent)
}
- }, [setContent])
+ // Upload 모드일 때는 내용을 비워준다
+ if (mode === 'upload') {
+ setContent('')
+ }
+ }, [initContent, mode, setContent])
const handleChange = () => {
if (textAreaRef.current) {
diff --git a/weatherfit_refactoring/src/Components/Organisms/DetailOrganism.tsx b/weatherfit_refactoring/src/Components/Organisms/DetailOrganism.tsx
index 09e063d..4d3ef2e 100644
--- a/weatherfit_refactoring/src/Components/Organisms/DetailOrganism.tsx
+++ b/weatherfit_refactoring/src/Components/Organisms/DetailOrganism.tsx
@@ -1,12 +1,16 @@
import DetailContent from '@/Components/Molecules/DetailContent'
-import DetailImage from '@/Components/Molecules/DetailImge'
+import DetailImage from '@/Components/Molecules/DetailImage'
import DetailCategory from '../Molecules/DetailCategory'
import LikeAndComment from '../Molecules/LikeAndComment'
import DetailProfile from '../Molecules/DetailProfile'
import DetailEtc from '../Molecules/DetailEtc'
import NotFound from '@/app/not-found'
-export default async function DetailOrganism({ boardId }: BOARDID) {
+export default async function DetailOrganism({
+ boardId,
+}: {
+ boardId: BOARDID
+}) {
const fetchBoardDataResponse = await fetch(
`https://www.jerneithe.site/board/detail/${boardId}`,
{
@@ -39,10 +43,10 @@ export default async function DetailOrganism({ boardId }: BOARDID) {
nickName={fetchBoardData.nickName}
userData={fetchUserData}
/>
-
+