-
-
-
-
-
-
20분동안 걷기
-
+ {goalList.map((item) => (
+
+
+
+
{item.name}
+
+
-
+ ))}
)
}
-export default StepBox
\ No newline at end of file
+export default StepBox
diff --git a/src/components/common/textarea/textarea.tsx b/src/components/common/textarea/textarea.tsx
index 7059a31..f4b1a30 100644
--- a/src/components/common/textarea/textarea.tsx
+++ b/src/components/common/textarea/textarea.tsx
@@ -1,16 +1,30 @@
"use client"
-import React from "react";
+import React from "react"
import styles from "./textarea.module.scss"
-import {CloseIcon} from "@/components/common/icon";
-const TextArea = ({placeholder} : { placeholder: string }) => {
+import { CloseIcon } from "@/components/common/icon"
+
+const TextArea = ({
+ name,
+ placeholder,
+ onChange,
+ value,
+}: {
+ name: string
+ placeholder: string
+ value: string
+ onChange: (e: React.ChangeEvent
) => void
+}) => {
return (
)
}
-export default TextArea
\ No newline at end of file
+export default TextArea
diff --git a/src/components/common/topsheet/topsheet.module.scss b/src/components/common/topsheet/topsheet.module.scss
index 335d0da..ee37d01 100644
--- a/src/components/common/topsheet/topsheet.module.scss
+++ b/src/components/common/topsheet/topsheet.module.scss
@@ -4,12 +4,7 @@
box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.1);
text-align: center;
padding-bottom: 10px;
- h2 {
- padding-top: 26px;
- text-align: center;
- font-size: 24px;
- font-weight: 700;
- }
+
&-bar {
display: inline-block;
width: 78px;
diff --git a/src/components/common/topsheet/topsheet.tsx b/src/components/common/topsheet/topsheet.tsx
index 6ffbe93..8122ff2 100644
--- a/src/components/common/topsheet/topsheet.tsx
+++ b/src/components/common/topsheet/topsheet.tsx
@@ -1,15 +1,15 @@
-import classNames from "classnames/bind";
-import styles from "./topsheet.module.scss";
-const cx = classNames.bind(styles);
+import classNames from "classnames/bind"
+import styles from "./topsheet.module.scss"
+
+const cx = classNames.bind(styles)
const TopSheet = ({ children }) => {
return (
)
}
-export default TopSheet;
\ No newline at end of file
+export default TopSheet
diff --git a/src/lib/utils/generatedates.ts b/src/lib/utils/generatedates.ts
new file mode 100644
index 0000000..608c6a2
--- /dev/null
+++ b/src/lib/utils/generatedates.ts
@@ -0,0 +1,18 @@
+import dayjs from "dayjs"
+
+const generateDates = (centerDate: dayjs.Dayjs, range = 30) => {
+ const dates = []
+ for (let i = -range; i <= range; i++) {
+ const d = centerDate.add(i, "day")
+ dates.push({
+ key: d.format("YYYY-MM-DD"),
+ label: d.format("dd"), // 요일
+ date: d.date(),
+ fullDate: d,
+ isToday: d.isSame(dayjs(), "day"),
+ })
+ }
+ return dates
+}
+
+export default generateDates
diff --git a/src/queries/goal/userGoalQuery.ts b/src/queries/goal/userGoalQuery.ts
new file mode 100644
index 0000000..7a72715
--- /dev/null
+++ b/src/queries/goal/userGoalQuery.ts
@@ -0,0 +1,30 @@
+import { useMutation, useQuery } from "@tanstack/react-query"
+import { createGoal, getGoalMainInfo, postCertifyGoal } from "@/app/api/goal"
+
+export const useGoalMainQuery = (clickedDate) => {
+ return useQuery({
+ queryKey: ["goalmain", clickedDate],
+ queryFn: () => getGoalMainInfo(clickedDate),
+ })
+}
+
+export const useGoalCreate = (data) => {
+ return useMutation({
+ mutationKey: ["goaldata"],
+ mutationFn: () => createGoal(data),
+ })
+}
+
+export const useGoalDetailQuery = (clickedDate) => {
+ return useQuery({
+ queryKey: ["goaldetail", clickedDate],
+ queryFn: () => getGoalMainInfo(clickedDate),
+ })
+}
+
+export const useGoalCertifyQuery = (goalId: number) => {
+ return useMutation({
+ mutationKey: ["goalcertify", goalId],
+ mutationFn: (request) => postCertifyGoal(goalId, request),
+ })
+}
diff --git a/src/queries/letter/useLetterQuery.ts b/src/queries/letter/useLetterQuery.ts
new file mode 100644
index 0000000..284d663
--- /dev/null
+++ b/src/queries/letter/useLetterQuery.ts
@@ -0,0 +1,17 @@
+import { useMutation } from "@tanstack/react-query"
+import { createGoalLetter, getGoalLetter } from "@/app/api/letter"
+import { postLetter } from "@/app/api/goal"
+
+export const useGoalLetterQuery = (weeklyGoalId: number) => {
+ return useMutation({
+ mutationKey: ["letter_create", weeklyGoalId],
+ mutationFn: (request) => createGoalLetter(weeklyGoalId, request),
+ })
+}
+
+export const useGetGoalLetter = (weeklyGoalId: number) => {
+ return useMutation({
+ mutationKey: ["letter_gey", weeklyGoalId],
+ mutationFn: () => getGoalLetter(weeklyGoalId),
+ })
+}
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 3b7bea4..8eca643 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -1,5 +1,5 @@
$nav-height: 57px;
-$header-height: 60px;
+$header-height: 52px;
$layout-top: 70px;
$layout-bottom: 60px;
\ No newline at end of file