Rename useScroll to useScrollCalendar (#1384)

voyagegroup · Aug 23, 2023 · 88a9b1f · 88a9b1f
1 parent e69e7c9
commit 88a9b1f
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 8 deletions.
diff --git a/.changeset/two-points-push.md b/.changeset/two-points-push.md
@@ -0,0 +1,5 @@
+---
+"ingred-ui": patch
+---
+
+rename `useScroll` to `useScrollCalendar`
diff --git a/src/components/Calendar/Calendar/Calendar.tsx b/src/components/Calendar/Calendar/Calendar.tsx
@@ -11,7 +11,7 @@ import {
   CalendarMonth,
   IconContainer,
 } from "../styled";
-import { useScroll } from "../hooks/useScroll";
+import { useScrollCalendar } from "../hooks/useScrollCalendar";
 import { Action, Actions } from "../internal/Actions";
 
 export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
@@ -53,7 +53,7 @@ const Calendar = forwardRef<HTMLDivElement, CalendarProps>(function Calendar(
   ref,
 ) {
   const scrollRef = useRef<HTMLDivElement>(null);
-  const { monthList } = useScroll(date, scrollRef);
+  const { monthList } = useScrollCalendar(date, scrollRef);
 
   return (
     <Card ref={ref} display="flex" style={{ width: "fit-content" }} {...rest}>

diff --git a/src/components/Calendar/CalendarRange/CalendarRange.tsx b/src/components/Calendar/CalendarRange/CalendarRange.tsx
@@ -11,7 +11,7 @@ import {
   DayStyle,
   IconContainer,
 } from "../styled";
-import { useScroll } from "../hooks/useScroll";
+import { useScrollCalendar } from "../hooks/useScrollCalendar";
 import { getDayState } from "./utils";
 import { Action, Actions } from "../internal/Actions";
 import { ClickState, ClickStateType } from "./constants";
@@ -72,7 +72,7 @@ export const CalendarRange = forwardRef<HTMLDivElement, CalendarRangeProps>(
     ref,
   ) {
     const scrollRef = useRef<HTMLDivElement>(null);
-    const { monthList } = useScroll(startDate ?? dayjs(), scrollRef);
+    const { monthList } = useScrollCalendar(startDate ?? dayjs(), scrollRef);
     const [clickState, setClickState] = useState<ClickStateType>(
       ClickState.START,
     );

diff --git a/...alendar/hooks/__tests__/useScroll.test.ts → ...hooks/__tests__/useScrollCalendar.test.ts b/...alendar/hooks/__tests__/useScroll.test.ts → ...hooks/__tests__/useScrollCalendar.test.ts
@@ -1,6 +1,10 @@
 import { renderHook, act } from "@testing-library/react";
 import dayjs, { Dayjs } from "dayjs";
-import { useScroll, getNextMonthList, getPrevMonthList } from "../useScroll";
+import {
+  useScrollCalendar,
+  getNextMonthList,
+  getPrevMonthList,
+} from "../useScrollCalendar";
 
 (global as any).IntersectionObserver = jest.fn().mockImplementation(() => ({
   observe: () => jest.fn(),
@@ -18,7 +22,7 @@ describe("useScroll hook", () => {
   });
 
   test("loads next six months when reaching the bottom 10% of ScrollArea", () => {
-    const { result } = renderHook(() => useScroll(date, ref));
+    const { result } = renderHook(() => useScrollCalendar(date, ref));
 
     act(() => {
       //   const targets = document.getElementsByClassName(date.format("YYYY-MM"));
@@ -33,7 +37,7 @@ describe("useScroll hook", () => {
   });
 
   test("loads previous six months when reaching the top 10% of ScrollArea", () => {
-    const { result } = renderHook(() => useScroll(date, ref));
+    const { result } = renderHook(() => useScrollCalendar(date, ref));
 
     act(() => {
       //   const targets = document.getElementsByClassName(date.format("YYYY-MM"));

diff --git a/src/components/Calendar/hooks/useScroll.ts → ...nents/Calendar/hooks/useScrollCalendar.ts b/src/components/Calendar/hooks/useScroll.ts → ...nents/Calendar/hooks/useScrollCalendar.ts
@@ -17,7 +17,7 @@ export const getPrevMonthList = (date: Dayjs) =>
  * @param ref カレンダーの親要素のref、IntersectionObserverのrootに使う
  * @return monthList 表示する月のリスト
  */
-export const useScroll = (
+export const useScrollCalendar = (
   date: Dayjs,
   ref: React.RefObject<HTMLDivElement>,
 ) => {