fix: getDayStyle()을 useCallback 밖으로 이동

paulcjy · Sep 19, 2024 · 1b3ce76 · 1b3ce76
1 parent 0be210b
commit 1b3ce76
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/components/calendar/Calendar.tsx b/components/calendar/Calendar.tsx
@@ -11,25 +11,6 @@ export const Calendar = ({ bibleData }: { bibleData: BibleData }) => {
 
   const createCalendar = useCallback(
     (date: Date) => {
-      const getDayStyle = (date: Date, today: Date) => {
-        date.setHours(0, 0, 0, 0)
-        today.setHours(0, 0, 0, 0)
-
-        const isPast = date < today
-        const isToday = !(date.getTime() - today.getTime())
-        const isSunday = date.getDay() === 0
-        const isSaturday = date.getDay() === 6
-
-        const styles = ['hover:shadow-md transition-shadow']
-
-        if (isPast) styles.push('opacity-50')
-        if (isToday) styles.push('bg-blue-100 border-blue-500')
-        if (isSunday) styles.push('text-red-500')
-        if (isSaturday) styles.push('text-blue-600')
-
-        return styles.join(' ')
-      }
-
       const year = date.getFullYear()
       const month = date.getMonth()
       const monthlyBible = bibleData[year]?.[month] ?? {}
@@ -75,3 +56,22 @@ export const Calendar = ({ bibleData }: { bibleData: BibleData }) => {
     </div>
   )
 }
+
+const getDayStyle = (date: Date, today: Date) => {
+  date.setHours(0, 0, 0, 0)
+  today.setHours(0, 0, 0, 0)
+
+  const isPast = date < today
+  const isToday = !(date.getTime() - today.getTime())
+  const isSunday = date.getDay() === 0
+  const isSaturday = date.getDay() === 6
+
+  const styles = ['hover:shadow-md transition-shadow']
+
+  if (isPast) styles.push('opacity-50')
+  if (isToday) styles.push('bg-blue-100 border-blue-500')
+  if (isSunday) styles.push('text-red-500')
+  if (isSaturday) styles.push('text-blue-600')
+
+  return styles.join(' ')
+}